Changing page type to section header changes CSS nav colors

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
gabeo
Forum Members
Forum Members
Posts: 16
Joined: Thu Sep 18, 2014 7:31 pm

Changing page type to section header changes CSS nav colors

Post by gabeo »

Hello,

I noticed that if I change a page type to anything other than Content, the CSS navigation changes text and hover colors. You can see at this site http://dev.cpps-preciousblood.org/ The links under About are white hover and the links under What We Do are black hover text

Is there a way to have a word in the menu but not be clickable....just the menu drop down...or is Section Header the only way? Or, if I have to use Section Header, how do I change the CSS style for it?

Thanks!
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Changing page type to section header changes CSS nav col

Post by staartmees »

to change the CSS style of your menu, you could take a look in the stylesheet of your template. ;-)
gabeo
Forum Members
Forum Members
Posts: 16
Joined: Thu Sep 18, 2014 7:31 pm

Re: Changing page type to section header changes CSS nav col

Post by gabeo »

Thanks, but I know how to edit the css sheet. I went through every css file associated with this site. There is no reference in there to the section header...unless it is named something different. I went through every occurrence of the color# 000, 000000, FFF, OR FFFFFF trying to find the black hover text or white hover text... have not found it.

From what I read online, the section header code is contained somewhere else maybe? If I change the page type back to content it matches the rest of the site.

Gabe
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Changing page type to section header changes CSS nav col

Post by velden »

Learn how to use a web inspector. It will make troubleshooting these issues a lot easier:

Code: Select all

ul#primary-nav li:hover li a span {
/* first level is #FFF/white, we need #000/black to contrast with light background */
	color: #000; /* COLOR OF DROPDOWN MENU TEXT...NOT HOVER. THIS IS BLACK **/
/* just to insure normal */
	font-weight: normal;
}

Code: Select all

#primary-nav li.menuparent li a:hover span {
/* insures text color */
	color: #FFF;
}
Section header is missing the 'menuparent' class.
gabeo
Forum Members
Forum Members
Posts: 16
Joined: Thu Sep 18, 2014 7:31 pm

Re: Changing page type to section header changes CSS nav col

Post by gabeo »

Thank you very much velden. I must admit that I do work with CSS a bit but do have a limited knowledge. Mostly I make changes to templates.

I understand that this is probably simple, but I am not sure how to go about fixing this? Just make a new class for menuparent? This is actually the base template that CMS comes with when you first install it. I just tweaked everything to what is there now. I am not sure why the menuparent is missing.
gabeo
Forum Members
Forum Members
Posts: 16
Joined: Thu Sep 18, 2014 7:31 pm

Re: Changing page type to section header changes CSS nav col

Post by gabeo »

Does anyone have a good Web Inspector that they recommend?
Post Reply

Return to “Layout and Design (CSS & HTML)”