Sidebar nav styling

Permalink
Hello all.

Since the theme developer doesn`t give suppoprt on customization (and probably go nuts over all my questions), I thought I`d ask here.

I am using bootstrap theme, but none of the sidebar autonav styles provided suits my taste for this project. I looked at the template I chose for the nav to see if I could define a new class to use there, but could not make it out.

djoniba
 
INTcommunications replied on at Permalink Reply
INTcommunications
I have always found with css it that it is way less confusing just overiding class names with the styles you want. Make a new css and link to it in the header.php preferably below the other css stylesheets.

Open up you page in Firefox and use the firebug addon to inspect your page. hover over your nav and click to inspect the css classes will be there for your inspection ( copy the classes ) and then open up your override css file and paste in the class name - restyle use the !important; at the end of each change and it will over write the style for that element. If that doesn't change the element then you have to make it more obvious by going backwards from the class and including as much info for it as possible.
i.e. if the class is

.activeColor{color:#CCC;}

then you first try
.activeColor{color:#CC2E31 !important;}

which should now make the text red

if that isn't working then you need to trace back where that class is being called.

#container p .mybutton .activeColor{color:#CC2E31 !important;}

( these are just made up classes and IDs for sample )

I am not sure what theme you are using but you could look at the Auto-nav block in the template folder and copy and rename your own template and edit away and when you add it to your theme choose your template from the custom template list. Different templates usually have separate css files for you to tweak without wrecking the original ones. If it doesn't have a custom template you can easily build one by copying the view.php file and the view.css file and drop it into a new folder in your template folder and nameing it what ever you want. and again edit whatever you like without screwing up the original files

Jim





Jim
INTcommunications replied on at Permalink Reply
INTcommunications
Here is a thread that explains what I was trying to explain much more eloquently.
http://www.concrete5.org/community/forums/customizing_c5/contributi...

You can do this with pretty much any block including the core blocks
djoniba replied on at Permalink Reply
djoniba
Thanks. The theme I am using is Bootstrap. There is only one css in use (other than typography.css). Just got confused with all the different classes in use.

The code I posted is the file for the custom nav template I am using.