Aspire – change background color of header on internal pages?

[radiantaction]

Hi All,
I'm trying to change the color of the header background on the internal pages and I can't seem to get it to "stick". It changes in the customizer but it reverts back to black after saving.

Can someone point me in the right direction?

thank you!
Kirsten

http://dev2.khtestsite.com/

[Andykev]

Simple. You use .css to target the specific element (header) on a specific page.

So...

.page-id-36 .site-header {
    background-color: #0d7d7c;
	}

This will turn the header on your "Services" page a nice teal color. You can make it any color you wish, or a different color on each page.. just use your "inspect element" tool to locate the "page id" of that page.

[radiantaction]

Thank you for looking at this. I know how to change things for a specific page, however, what I'm trying to do is change the background or ALL internal pages so it doesn't have to be addressed via css for each and every page.

Is there a way to change this for all internal pages without having to do it manually?

Thank you!
Kirsten

[Andykev]

You said "change the header color of the internal pages, I can't get it to stick", and your sample website has 4 pages (so far). So are you intending to target one internal page header, or all of them? Or different colors on each, on some, and not others?
You can change all of them by not listing a page id, or a few by listing several page id's in the same .css section.. or one by one, and shown in previous post. So I guess ...

Confused as to what you're asking.

[radiantaction]

I got this resolved!

[MT1895]

Hi Kristen,

I have the same problem; what did you do to correct it?

[Author]

Posts