Page 1 of 1
Changing page type to section header changes CSS nav colors
Posted: Sat Feb 14, 2015 5:47 am
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!
Re: Changing page type to section header changes CSS nav col
Posted: Sat Feb 14, 2015 7:22 am
by staartmees
to change the CSS style of your menu, you could take a look in the stylesheet of your template.
Re: Changing page type to section header changes CSS nav col
Posted: Sat Feb 14, 2015 8:07 pm
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
Re: Changing page type to section header changes CSS nav col
Posted: Sun Feb 15, 2015 3:40 pm
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.
Re: Changing page type to section header changes CSS nav col
Posted: Sun Feb 15, 2015 10:50 pm
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.
Re: Changing page type to section header changes CSS nav col
Posted: Tue Feb 17, 2015 5:26 pm
by gabeo
Does anyone have a good Web Inspector that they recommend?