By bfitzgerald on

Hi All,
relative Drupal noobie here
I am creating a theme for a website that I am doing. I have the HTML css already created. now when creating the theme I have followed the instructions on this site and drupal development. and that works fine but the classes of the li put out by drupal are different meaning that the styles are not appearing on some elements.

I can think of 2 possible solutions:
1. To override the theme function in a template.php file so that my own css classes appear

2. edit the css so that I create a different css class for the li element in html

Any links that would help me for the solution 1 above would be great and any other helpful comments would be welcome.

thanks

⋅ Categories: Drupal 6.x

Comments

mm167’s picture

mm167 commented

can u post a link to your site? or to your css?

Anonymous’s picture

Anonymous (not verified) commented

I don't think there is the need to override the theme function. It's probably a specificity problem and you have to re-write some css rules.

bfitzgerald’s picture

bfitzgerald commented

infowonders thanks for that I figured that both would take a bit of time but wanted to hear what the great drupal forum brain would think

bfitzgerald’s picture

bfitzgerald commented

its a new site so its not live yet
thanks

grobemo’s picture

grobemo commented

Have you tried using Firebug to figure out what's going on with the CSS? That would help identify and eliminate any specificity problems.

Are you trying to add a new class to all <li> elements—or just specific ones? If it's specific ones, which ones? That will make a difference to the code you use to add classes, if that's what you need to do.

bfitzgerald’s picture

bfitzgerald commented

Hi Grobmeo no I have not but the original html and css is fine the problem seems to mainly in that drupal is adding classes to li html element for secondary and primary links and these are the elements used by the designer to add styling.

I'll give firebug a blast

thanks