-
Closed
-
Hi, can you tell me how I can set the height of my footer, it’s a bit too high now.
http://vipermetal.wpengine.com/
Thanks
you have enabled widgets area but there are no widgets…disable them in the Theme Options -> Footer
Thanks, thanks, and thanks again. =)
I think the only other thing I need to do is setup Recaptcha, could you let me know if I have done it properly.
G.
it’s not enabled/installed yet. download the plugin first
Help, I too want to decrease the height of my footer and can’t figure out how. In my case, there is a widget enabled in the footer. Here is the site url: http://test.bbblack.com
Hi,
In your Theme Options-> Custom CSS
Try removing your footer padding.
.footer{
padding:0px !important;
}
or set a height to overwrite the default value.
.footer{
height:200px !important;
}
Change the values accordingly.
I suggest you fill up your content area with some blog posts first, before doing these adjustments.
Thanks!
Denzel, thanks for the suggestions, but neither had any affect at all on the footer. Changing the footer padding or height settings resulted in no change. The space at the bottom of the home pages also appears to be either a padding or margin issue with the content buttons. Together, the content buttons and footer create way too much space at the bottom. Any further suggestions?
Hi,
Sorry, I have to highlight again, I suggest you finish designing your site first, before doing these adjustments. Bring up the footer like this will cause problem to other pages when you fill up your content, the footer may go up over your content.
In your WordPress admin -> Theme Options -> Custom CSS
.widget.widget_black_studio_tinymce {
position: relative;
top: -100px;
}
.footer {
height: 70px !important;
}
Save your changes.
After that, clear your browser cache before revisiting your site.
Screenshot of the result. http://share.pho.to/9fiSl/us/original
Thanks!
Denzel, thanks so much. Your code does reduce the height of the footer, finally.
In terms of the footer working properly on all site pages, I’m confused. This site will have Blog, Portfolio, and Testimonial pages that will continue to accumulate content, pushing further and further down the pages. Won’t the footer, with the proper reduced height, simply float below whatever content is on these pages? If not, how do I prevent the content and the footer overlapping?
I went ahead and inserted your suggested code in the custom CSS window,just to see how the other pages look with at this point in the site’s development. Here are problems that your code is causing now:
• The footer on most pages is way too close to the content – no apparent padding or margin on the footer top, or the content bottom.
• The entire content window, including the footer, now scroll up past the sticky image in the left sidebar on pages with that feature.
How do I get a footer, with a specified height, that stays a fixed distance from any content above, and neither the content or footer scroll beyond sticky images in left sidebars?
Hi,
If I am not wrong, you used a third party plugin text widget “widget_black_studio_tinymce” for your footer note.
This is not the recommended way. You should add your footer note via Theme Options -> Footer -> Custom footer instead of using a widget. The theme structure is not designed to work this way, not to mention the widget also has it’s own padding, that’s why there is too much empty space.
Using custom css to “forcefully” bring up the footer note will result in overlapping other contents on other pages.
Sorry, I think this is not the correct way, we should remove it, and start all over again.
Please kindly remove the custom css and remove the text widget. Please kindly use Theme Options -> Footer -> Custom footer to enter your footer note.
And in Theme Options -> Footer -> Number of widget cols in footer
Please set this option to “none”, if you are not using any footer widgets, this will reduce empty space.
After doing the above recommendations, we will see if we still require any further custom css.
Sorry for causing any inconveniences.
Thanks!
Denzel
The topic Footer height is closed to new replies