Change the arrows in the Media & Text Slider Block

  • Resolved reen77

    (@reen77)


    5 years, 7 months ago

    I would like to change the arrows for choosing the slides in the media & text slider block. Let’s say replace them with an image. Can you provide a javascript snippet that replaces part of the corresponding .js file? There are solutions out there in the internet for the Ken Wheeler slider, which is used here I think, but I am struggling with addressing the right classes in the jquery line that all these snippets use:

    $('.slider').slick({...

    Thank you!

    • This topic was modified 5 years, 7 months ago by reen77.
Viewing 1 replies (of 1 total)
  • Plugin Support dimned

    (@dimned)

    5 years, 7 months ago

    Hi @reen77,
    You may use CSS to change the icons e.g.

    .wp-block-getwid-media-text-slider .slick-next:before {
    content: url(http://yoursite.com/wp-content/uploads/next-arrow.jpg);
}
.wp-block-getwid-media-text-slider .slick-prev:before {
    content: url(http://yoursite.com/wp-content/uploads/next-arrow.jpg);
}
Viewing 1 replies (of 1 total)

The topic ‘Change the arrows in the Media & Text Slider Block’ is closed to new replies.