Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Hello! I'm using FlexSlider on a Bootstrap site and am getting two bullet points below my slideshow. I've checked through the other threads a few times, and have been google-searching for days. No luck. I've been able to narrow it down to this line of CSS:
.flex-direction-nav { display: none !important; }
That hides the directional arrow, but it also hides the bullets. It's the only CSS that seems to remove the bullets--but obviously I want the arrows. I've attached an image of what I'm talking about (look at the far-left). Thank you all for any help you can provide!
Comment | File | Size | Author |
---|---|---|---|
Screen Shot 2015-01-05 at 11.53.17 AM.png | 27.81 KB | intaminfanatic |
Comments
Comment #1
babusaheb.vikas CreditAttribution: babusaheb.vikas commentedI have use this css for remove bullets.
ul.flex-direction-nav,
ul.flex-direction-nav li{
list-style:none;
list-style-image:none;
}
Comment #2
intaminfanatic CreditAttribution: intaminfanatic commentedThanks! That did the trick. Kicking myself for not realizing it was something so simple!
Comment #3
intaminfanatic CreditAttribution: intaminfanatic commentedComment #4
fabrizioprocopio CreditAttribution: fabrizioprocopio commentedExcuse me
Where I should put this code?
What css file?
Comment #5
fabrizioprocopio CreditAttribution: fabrizioprocopio commentedthis worked for me in the style.css of the theme in use
.slides li:before {
content: none!important;
padding-left: 0!important;
margin-left: 0!important;
}
.slides li {
padding-left: 0!important;
margin-left: 0!important;
}
Comment #6
Anonymous (not verified) CreditAttribution: Anonymous commentedI am running a custom made subtheme of bootstrap CDN, and this code didn't work for me. Anyone know another way to force flex slider to remove bullets ?