Search code examples
htmlcsscarousel

Bootstrap carousel indicators

I am using bootstrap carousel I want to do border-radius in indicators

added code to style.css but can not change style

.carousel-indicators li {
width: 11px!important;
height: 5px!important;
border-radius: 2.5px !important;
background-color: #ffffff!important;
opacity: 1 !important;
}

why is not it changing how to change , can you help me?

https://i.hizliresim.com/WX4qrE.png

Solution

  • I tried replicating your issue here, but I could change the indicators style without any trouble.

    Is your style.css file properly linked? Such as: <link rel="stylesheet" href="path/to/style.css">.

    Also, you should avoid using !important and try looking for other ways to increase the specificity.