Customize slider

  • Resolved ct1601

    (@ct1601)


    5 years ago

    Hi,

    I would like to know if there is any way to cuctsomize the sliders?

    I would like to change the icons/colors of the navigation buttons and customize the distance of them.

    If there is any way, please let me know.

    And if its possible by code, please give a very detailed manual since im new into wordpress etc.

    For any help/tips given, much thanks 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • Kevin Batdorf

    (@kbat82)

    5 years ago

    Hi,

    The pro version has a basic theme builder included where you can swap out images and colors. Otherwise you will need to add some custom CSS to override the defaults. That’s not really something I can teach here, but if you make some progress and hit a roadblock, I can definitely answer questions and point you in the right direction.

    Thread Starter ct1601

    (@ct1601)

    5 years ago

    Thank you for your fast answer!

    Alright, guess i will go pro then.

    But therefore is it possible to rearrange the slider buttons?
    Right now they are outside the picture but i want them to be inside.
    Any way to do that?

    Kevin Batdorf

    (@kbat82)

    5 years ago

    If you have questions about pro specifically then I need to direct you to the pre-sales contact form as this support forum is limited to the free version:

    https://www.metaslider.com/contact/

    Just to note though, you can also reposition the buttons using CSS overrides as I mentioned above too. It just takes some CSS knowledge.

    I’ll mark this as resolved but feel free to reply or re-open as needed.

    Thread Starter ct1601

    (@ct1601)

    5 years ago

    Alright then, much thanks for your help.

    One last question i have,

    How do i view/open the code so i can try to edit it by CSS ?

    Kevin Batdorf

    (@kbat82)

    5 years ago

    You won’t be able to make edits like that to the CSS file, you have to add new CSS either to your theme or via another means (perhaps a plugin). Then you need to identify the CSS selector you want to target, like “.metaslider .flex-control-nav” and finally change the styling. Something like:

    .metaslider .flex-control-nav {
  top:0 !important;
}

    To find the selector you have to inspect the code internals via Chrome DevTools (or similar in other browsers).

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Customize slider’ is closed to new replies.