Problem with ul list style for slider tabs
| Project: | Slider |
| Version: | 6.x-1.x-dev |
| Component: | User interface |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
| Issue tags: | CSS, style |
Jump to:
First, thanks for a great module.
I am having trouble getting the proper style for the slider tabs. I have put the slider.css code into the style.css file for my theme (Garland) in drupal->themes->garland->style.css and have also tried putting it in drupal->sites->default->files->color->garland-xxxx->style.css and I cannot prevent the little circles from showing up in front of the tabs. I noticed that the ul.navigation already has list-style: none; yet the circles remain. I have tried css list-style: none; and list-style-type: none; and they still will not change. I can style other aspects of the tabs like padding, background color, font size and color, so I believe I am changing the correct css file. I have also tried changing the css in the drupal->modules->system->system.css file and still I cannot get rid of the circles in front of the tabs. Is there another css file that is overriding the ul.navigation in style.css? What am I doing wrong? Thank you.
My setup:
MAMP Mac OSX 10.5.4
Drupal 6.13
slider 6.x-1.x-dev (tried with 6.x-1.4, too)
Garland theme (color set to green)

#1
No problem! :)
1) You don't need to move the slider.css code anywhere - it's automatically included on every Slider node page.
2) Install Firebug (Firefox plugin). You can use this to inspect the elements and discover which CSS file is being applied last in the stack.
3) If all else fails, use the
!importantCSS directive which tells the browser to overrule other styles and use that one (Google it).Let me know how it goes.
#2
Hi,
Thanks for the tip on using Firebug--great plug-in. It looks like the ul (disc) style is being applied by
<li class="tabtitle-276-271 first">. Here are the surrounding lines:I used the
!importantdirective for the slidenav class and the item-list class, but it did not help. I looked in slider.module and it looks like the tabtitle class is supposed to pick up the theme from the slidenav class, but in my case it does not seem to do that. Here is what I see in the slider.module:Clearly I have mucked up something. Any suggestions?
#3
In Garland theme the bullets are background images, so you should add to your css:
ul.slidenav li {
background-image: none !important;
}