Archived

This topic is now archived and is closed to further replies.

  • 0

Main Nav Inheriting CSS from Superfish.css Can't Overwrite

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites