Header and Footer Styling Questions

BB Theme
1

I’m sure these questions have been answered somewhere so maybe you could point me to the right threads.

HEADER: I want to remove the header text and log and just use a solid color. I see the logo type can be changed to ‘image’ or ‘text’ but I don’t see any way to disable it. I would also like to set the header height to a fixed size.

FOOTER: I want to set the footer to a fixed size, and I’d like it to also appear at the bottom of my screen even when the content height is not sufficient to push it down (like a ‘minimum height’ style).

Also, on my site (http://fix333.com) there is about 145px of space above my footer that I cannot remove.

2

Hey Doug,

Removing the header logo and setting it to a fixed size can’t be done via BB settings but is possible via custom CSS. Try using the CSS snippet below.

/* Set header height */
.fl-page-header-primary .fl-page-header-wrap {
  height: 100px;
}
/* Remove logo */
.fl-page-header-primary .fl-page-header-logo {
  display: none !important;
}

Same thing with the footer, there is no BB setting for it but is possible via custom CSS. Check the CSS snippet below regarding how to set a height on your footer.

/* Set footer height */
.fl-page-footer .fl-page-footer-container {
  height: 100px;
}

Re forcing the footer to the bottom of the page, check the KB article below.
http://forum.wpbeaverbuilder.com/knowledge-base/force-footer-to-the-bottom-of-the-page/

The extra space on the bottom is caused by your widgets. There are texts there which are invisible since their color is white. Header over to Appearance > Widgets and remove those widgets if you don’t need them.

Edit: You can check the link below if you want to learn more about custom CSS.
http://www.w3schools.com/html/html_css.asp

Ben

3

Wow, thanks Ben, it all works!

4

Hey Doug,

No worries at all! In case you missed it, feel free to check the link below to learn more about CSS stuff! :slight_smile:
http://www.w3schools.com/html/html_css.asp

Enjoy BB! :slight_smile:

Ben