Header color

[Dustin Ruff]

Is there anyway to make the header a solid color all the time in the Elite Theme? I see when you scroll down it turns black. Can it be like that all the time? Also will the slider move down when so its under the header and not covered by it?

[Bill Robbins]

Hello Dustin,

I believe we can do that. Here’s what to do:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #header,
   #header.scroll-background,
   body.standard #header,
   body.blog #header,
   body.archive #header,
   body.error404 #header,
   body.search #header {
   	background-color: #1A1A1A;
   }
   
   #hero-section {
   	margin-top: 80px;
   }
   

3. Replace the #1A1A1A with the color you’d like to have the header be.
4. Update your settings.

Check and see if the header is positioned correctly with the hero section. If it’s not, you can change the 80px in the snippet above to move the hero section up or down on the page. If you make it smaller, that will move it closer to the top; larger farther away.

Let me know if you run into trouble.

Thanks,
Bill

[Author]

Posts