Bedford: How do I edit the header transparency/opacity?

Does anyone have a solid piece of code that enables you to simply reduce the transparency/opacity of the header? I have the header fixed and simply want to allow some of the page content below to show through as scrolling happens.

Thanks!

If you're using a colored background, you can use an rgba value (a being 'alpha') in your css. For example, 255, 0, 0, .5 would give you a red color with an opacity of 50%.

I had tried that actually, and for some reason I am getting no response/change on my header color. I'm attempting to use the values: 52, 52, 52, .7 to give me a faded gray. So strange.

I had tried that actually, and for some reason I am getting no response/change on my header color. I'm attempting to use the values: 52, 52, 52, .7 to give me a faded gray. So strange.

The following will reduce the opacity of the header in Bedford. Copy and paste into Design > Custom CSS:

#header {  opacity: 0.4;}

You might want to experiment instead with making the header background color transparent. Substitute background-color: transparent; for opacity: 0.4; This may make the site title disappear. If so, put this too in Custom CSS:

h1#siteTitle a:link,h1#siteTitle a:visited {  color: #a39e9e;}h1#sitteTitle a:active,h1#siteTitle a:hover {  color: #ea4040;}

Adjust the colors to suit.

You may have to add !important to the individual property declarations to get them to take. E.g. opacity: 0.4 !important;

Let me know if any of this works for you.