Docs

[yhshin1020]

Hey,

I have used the x theme slider that comes with cornerstone on my page.

I want to change the navigation controls to something like this (pic below).

I have tried setting:

.x-flexslider-shortcode-container .flex-direction-nav a,
.x-flexslider-shortcode-container .flex-control-nav {
    border-radius: 90%;
    color: white;
    border: 1px solid blue;
}

etc

but to no avail.

Could I know how this can be changed to the pic below? (Like have the active item have transparent background with border while rest are grey circles without border).

Thanks.

[yhshin1020]

This reply has been marked as private.

[Jade]

Hi there,

Please try this code:

.flex-control-nav a {
    border-radius: 50%;
    background-color: #999999;
}

.flex-control-nav a.flex-active {
    border: 1px solid #74AEDC;
    background-color: transparent;
}

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[Paul R]

Hi,

I was able to replicate this in my local install.

I will forward this to our web development team as a bug.

For a temporary fix I added this in your Custom > CSS

.flex-control-nav {
    z-index: 999999;
}

Thanks

[yhshin1020]

Thanks!

I’m glad to have brought up this issue, didn’t know it was a bug!

[Joao]

Let us know if you need help with something else.

Joao

[Author]

Posts