Replace prev/next arrows with custom button?

  • Resolved aguelmann

    (@aguelmann)


    6 years, 6 months ago

    Is there a way to use my own buttons instead of the prev/next arrows in the slideshow view? I want to change the design/layout (move it to someplace else on the page, add text, etc).

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Miha

    (@mplusb)

    6 years, 6 months ago

    Hello @aguelmann,

    Thank you for reaching out!
    As much as I would love to help this is not an option the plugin currently has, I’m sorry.
    We will consider it for a future update though.

    Thank you for understanding!

    All the best,
    Mihaela

    Thread Starter aguelmann

    (@aguelmann)

    6 years, 6 months ago

    Hi Mihaela,

    thanks for your answer – I imagined that withing the plugin itself might be tricky, I was wondering if it’s something that can be done externally (i.e. JS + CSS)?

    hugowachters

    (@hugowachters)

    6 years, 4 months ago

    Hi agualmann

    You can change / add the following css code

    previous:
    This is set to the ‘<‘ icon \f053 in fontawesome by default
    you might change it to another fontawesome icon

    .strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
    content: “\f053”;
    }

    next:
    This is set to the ‘>’ icon \f054 in fontawesome by default
    you might change it to abother fontawesome icon

    .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
    content: “\f054”;
    }

    You can find the fontawesome icons at https://fontawesome.com/icons?d=gallery&m=free

    You might also use javascipt and jquery to change the content of the html containers to the images but need some coding.

    • This reply was modified 6 years, 4 months ago by hugowachters.
    Thread Starter aguelmann

    (@aguelmann)

    6 years, 4 months ago

    Thanks @hugowachters !

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

The topic ‘Replace prev/next arrows with custom button?’ is closed to new replies.