Outreach – Change background color and type color of primary/secondary nav?

[DarralynC]

Hi!
I want to change the black background of the primary/secondary nag menus and the menu across the top? And the type color?
Can you help me know where the code is?

Here is a sample page:
http://ccsmain.carmeleducationalfoundation.org/?page_id=322

Background to #245f9d
Type to #FCF3DA

Thanks.

[dev]

Put the following at the END of your style.css file:

.menu-secondary {
background-color: #245f9d;
}

.outreach-blue .menu-primary a,
.outreach-blue .menu-secondary a,
.outreach-blue .menu-secondary li li a,
.outreach-blue .menu-secondary li li a:link,
.outreach-blue .menu-secondary li li a:visited,
.outreach-blue.outreach #genesis-responsive-slider a:hover,
.outreach-blue #header .menu a {
	color: #FCF3DA;
	text-decoration: none;
}

Dev
NewMedia Website Design

[DarralynC]

Hi, Dev!
thanks for the code.
I pasted it in and it did change the top horizontal menu, but not the
Primary or Secondary Navigation menus or the drop down menus.
Are these connected?
http://ccsmain.carmeleducationalfoundation.org/?page_id=322

Any other ideas?

Thanks.

[dev]

I don't see it there in the CSS. Put it at the very end using Theme, Editor.

You will need more CSS for the other links.

Maybe someone else can help.

I suggest you hire someone to research this for you (but not me... way too busy!)

[DarralynC]

Hi, Dev!
I pasted it under:
Appearance
Editor Theme
Stylesheet (style.css)

updated and that is when the top horizontal menu turned blue, but not the primary and secondary.
Was that the right place?
thanks.

[dev]

I must be on the wrong site because I don't see the entries using Chrome Inspect.

http://ccsmain.carmeleducationalfoundation.org/?page_id=322

Are you sure you gave us the correct URL?

[DarralynC]

Hi.
Dev resolved in another question. Here is the answer, in case anyone else is looking.
.sidebar .widget {
background-color: #FCF3DA;
}

.sidebar.widget-area ul li a, .sidebar.widget-area ul li a:visited {
color: #000000;
}

.sidebar.widget-area ul li a:hover {
color: red;
}

Add your colors above where indicated
first one is background color of sidebars (primary and secondary)
Second is text color inside the bar
Third is the hover color.
Thanks. Dev.

[Author]

Posts