[Stanley TanParticipant]

Hi, I’m not sure why but some of my pages footer are like this (check screenshot ogerro2.png).
It should be like this instead (og error3.png).
Here’s 1 of the url for you to check it out: http://www.owlguru.com/schools/university-of-chicago/

Any ideas?

[John EzraMember]

Hi there,

Thanks for writing in! Upon checking your site, we see there are some JS errors, but everything else looks correct. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Stanley TanParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the login information. Upon checking, you have added this custom css

.x-colophon.top {
    padding: 3% 0 2.5%;
    margin-top: 4%;
    border-top: 2px solid #8C7D6F;
    box-shadow: 0 0 2px 0 #676666;
}

It adds a margin between the footer and the content of the page. Please make the top margin to zero and this will remove the space like the one in the error3 screenshot. I also noticed that you may have installed a caching plugin. I do not know what it is since the given user has a limited privileges which made it difficult for the to check the entire installation.

I’d recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Hope this helps.

[Stanley TanParticipant]

I don’t think its the css that is causing the issue here + it’s not the margin between the footer and body that is the issue here.

If you check the 2 screenshots carefully, screenshot 1 shows a full width footer which is not the right one.
Screenshot 2 shows a proper footer where the width is the same as the body.

This url: http://www.owlguru.com/schools/University-of-Chicago-tuition-financial-aid/ is ok and the rest is ok too.

[ZeshanMember]

Hi Stanley,

I’ve taken a closer look to your site and the issue looks related to some of the customization you might have made in the child theme. If I check the page that has a correct footer, I can see that the footer is outside of the main site content (see: http://prntscr.com/apa2su). But if I check the page that has the incorrect footer (according to your first post), the footer is inside the main content area (see: http://prntscr.com/apa43k).

The page that has incorrect footer as per your original post has the correct placement of footer as you are using the boxed layout and this is a native layout of the footer in boxed layout. You can see an example of boxed layout here: http://theme.co/x/demo/renew/1/

As this is not related to an issue with the theme and instead has to do with your customization of it, regretfully, this would be outside the scope of our support. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Stanley TanParticipant]

I think I have found the issue! Thanks for the help.

[ZeshanMember]

You’re welcome!

[Author]

Posts