Docs

[MichaelAnthonyMurray]

How would I be able to move the slider control navigation and previous/next buttons to the BOTTOM of the slider?

Currently, it’s along the top. How do I move it to the bottom?

How do I make the previous/next buttons LESS transparent?

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[MichaelAnthonyMurray]

This reply has been marked as private.

[MichaelAnthonyMurray]

Here are the specific gallery example.
http://dev.deltarescue.org.php56-5.ord1-1.websitetestlink.com/alcazar

[Paul R]

Hi,

To achieve that, you can add this under Custom > Edit Global CSS in the Customizer.

body .flex-direction-nav a {
    opacity:1;
    bottom: 40px;
    top:auto;
}

Hope that helps.

[MichaelAnthonyMurray]

Oddly enough only the previous/next navigation was moved to the bottom left of the slider.

However the control navigation didn’t move to the bottom right of the slider.

How would I move the control navigation?

[Rue Nel]

Hello There,

The given code is only for the next/prev arrows. To include the control navigation, please have the code updated and use this instead:

body .flex-direction-nav a {
    opacity:1;
    bottom: 40px;
    top:auto;
}

body .flex-control-nav.flex-control-paging {
    top: auto;
    bottom: 40px;
}

Please let us know if this works out for you.

[MichaelAnthonyMurray]

That worked perfectly!
Thank you!

[Rad]

You’re so much welcome!

[Author]

Posts