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

limsy · May 2015

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 · May 2015

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.

limsy · May 2015

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 · May 2015

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;
}

limsy · May 2015

Awesome!

Thanks!

Albert · May 2015

You're welcome

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

Comments