Basic Ambiance Pro Color Scheme Edits

[NathanBWeller]

Hello,

I'm in the process of using Ambiance Pro to create a multi-author blog and I've been unable to figure out how to change the color of the header/top nav area. It comes in a gray that I don't find particularly appealing but I figured it wouldn't be too hard to change with some simple CSS. However, I've been stumped on exactly how to do it since everything I've tried so far has failed. Any help would be appreciated.

Thanks,

Nathan

http://www.wonderkinweekly.com/

[Tonya]

Hello Nathan,

The header background color is set in your style.css file on line 872:

.site-header,
.single-post .site-header.shrink,
.site-header.shrink {
	background-color: rgba(0, 0, 0, 0.5);
}

It's actually black with 50% opacity. Now you can change this color to whatever you'd like either by using rgba settings or switching it over to a hex color.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[NathanBWeller]

Thank you! That worked perfectly. I guess I just didn't realize what was going on with the rgba code. Now that I do, I'm tinkering away.

[Tonya]

Excellent. Remember you can also switch it to be background-color: #000; (which is black) instead of using rgba. We typically only use rgba when we need to play with the opacity.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[NathanBWeller]

Yeah I decided to keep it rgba because I like the opacity effect when scrolling on posts 🙂

[manapress]

Thanks worked!

[Author]

Posts