Transparent Header Percentage

[KEVIN COLBERT]

Bill, I currently have a 100% transparent header but I’m looking for something more around 50%-75% transparency with a white background. Can you create a custom CCS for me?

Thanks, Kevin

[Bill Robbins]

Hello Kevin,

Thank you for your business first of all. Great looking site you have going there. You can make the header semi-transparent. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   body.fixed #header {
   	background-color: rgba(255,255,255,0.75);
   }
   
   .home div#one {
   	margin-top: 0;
   }
   

   The 0.75 in the code above sets the transparency of the color on a scale of 0 (completely transparent) to 1.0 (completely opaque). Feel free to change that to get the feel you're going for.

3. Update your settings.

If you run into any questions or trouble, let me know. If you're ok with it, I'd love to include your site in our showcase.

Thanks,
Bill

[KEVIN COLBERT]

Thanks for the quick reply! I would be honored if you used my site in your showcase.

Thanks again,
Kevin

[Bill Robbins]

Thanks so much for that Kevin. If you need anything else, just let me know.

[Author]

Posts