Classic Slider Navigation Bottom Center

[aahdesigns]

http://belnation.com.au/template-page/

I would like the navigation to be bottom center and also transparent fill with a white outline, then solid white fill for the current slide

[ruenel]

Hello Amelia,

Thanks for writing in!

The background of the slider is already in white. Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-flexslider-shortcode-container .flex-control-nav:not(.flex-control-thumbs) {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 0;
    margin-left: -36px;
}

.x-flexslider-shortcode-container .flex-control-nav a {
    background-color: transparent;
    border: solid 1px #000;
}

.x-flexslider-shortcode-container .flex-control-nav a.flex-active {
    background-color: #000;
}

We would love to know if this has worked for you. Thank you.

[aahdesigns]

That worked perfectly, thank you!

[lely]

You’re always welcome Amelia!

Cheers.