I was simply trying to change the color of the text for the main nav in PlatformPro 1.0.9 with the base theme installed. Unfortunately, no matter what CSS I seem to write in the base.css file to control the text color it inherits the text color from the /sections/nav/superfish.css file.
Typically I would just go and edit the superfish.css file, but I'm trying to stick with the child theme concept for the sake of logic and reason.
Main Nav Inheriting CSS from Superfish.css Can't Overwrite
Started by
Guest_Guest_*
, Oct 19 2010 12:23 AM
3 replies to this topic
#2
arpowers
-
- Administrators
-
- 3,214 posts
Founder
Posted 19 October 2010 - 12:48 AM
right; to fix you'll just want to get extra specific with your css rules.
So give us an example of what you're trying to change?
Are you running Firebug?
#3
Guest_Guest_*
Guest_Guest_*
-
- Guests
Posted 19 October 2010 - 02:14 AM
Here is what I was trying to change in the superfish.css:
#primary-nav ul.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #666;
}
Now, I know that simply copying this into the base.css and changing the color will not override the setting in superfish.css. The question is: how can this be achieved in the base.css so that future changes to PlatformPro will not overwrite any changes made, like the one I had to make to the superfish.css to accomplish this.
Also, I have been having other issues getting css I save to base.css to override PlatformPro. For example, in a previous post you may remember my question about changing the width of the feature box. I found the css governing this, and added it to base.css and changed 100% to 70%:
#feature_slider{
position:relative;
z-index:0;
overflow: hidden;
width: 70%;
}
However, the change did not occur until I edited the pro.css file located in the PlatformPro folder.
Is there something I am not doing right in editing the base.css? Thank you.
#4
cmunns
-
- Members
-
- 6,511 posts
Advocate
Posted 19 October 2010 - 03:47 PM
CSS works on specificity. An easy way to make everything from base.css work is to be more specific by adding body to the front of every selector.
So...
`
body #feature_slider{
position:relative;
z-index:0;
overflow: hidden;
width: 70%;
}
`
should do the trick.
Also, When Platform is updated, nothing should get over written in the base.css that is the beauty of using it for customizations.
