By novovox on

I have implemented the "Austere" theme and really like the CSS of the navigation menu in the sidebar. However, when I add other menu blocks into the sidebar it has a different CSS.

How do I apply the same CSS that is used in the navigation menu block to the other menu blocks?

Thanks.

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

I've not used the theme in question but when it comes to css and figuring out what is going on you should use the firefox browser and the firebig add on. This will allow you to inspect the css and from where it is being called. This should give you greater insight on what you will need to change and where.

tnanek’s picture

tnanek commented

Take a look at the specific css file. The declaration of the segment with the code you want is what you want to look at.

To see the css file for a specific element on your pages, use firebug (firefox extension) - it will tell you what css file and whereabouts in that file to look at for what's affecting the current element.

Also, you can either use firebug to identify the declarative statements for the other areas you want the code to impact, and enter those alongside the entry for the specific bit... for instance:

#sidebar-navigation
{
   [some nice css]
}

could be modified to

#sidebar-navigation,
#block-1,
#block-2,
#block-3
{
   [some nice css]
}

Anything that is an id for an element is preceded by a '#' to make it specific for that element of a page, if you have a class on all the elements (you could create one by modifying the page.tpl.php in most themes), then you could use:

#sidebar-navigation,
.class-name
{
   [some nice css]
}

Anything preceeded by a "." will be a class and those can be repeated as you wish in a page without problems.

Be sure you rebuild your theme registry when you modify these files (admin/settings/performance --> clear cache button)