Navigation - Bullet - How to make selected to just change colour only.

limsy

Hi,

I am using a simple round bullet navigation for my slider.  My only problem is the bullet for selected not only changed colour but also shape.  I don't want it to change shape.  I want it to be the same round bullet.  How can I change that?

Thank you for your time.

SY Lim.

Albert

Hi,

if you change to default bullets, then shape changes as well. This is how Rev slider works. If you will send us url to page where you want to have rounded bullets we can check and tell you if it is possible to change them within css.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

limsy

Hi,

I'm using the default bullet navigation. Below is the url: 

http://limsyn-001-site16.smarterasp.net/

Thank you for your time.

SY Lim.

Albert

Below css should help you those bullets:

.slider_pagination a.selected, 
.tp-bullets.simplebullets.round .bullet.selected {
    border-radius: 50%;
    height: 12px;
    top: 0;
    width: 12px;
}
.slider_pagination a.selected::after, .tp-bullets.simplebullets.round .bullet.selected::after {
    display: none;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

limsy

Awesome!

Thanks!  

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next