Arrows not showing on Desktop, Tablet and Mobile?

  • Resolved Marnix Garner

    (@marnix-garner)


    8 months ago

    Under ‘Featured Services’ the slider is used and there are no ‘previous’ and ‘next’ buttons displaying as the coding isn’t setup properly.

    Tested some code and adding the font size got the words displaying but I can’t replace the wording, ‘Next’ and ‘Previous’ with Arrows instead as looks better? Also would like to set a background under the arrows for not-active and hover?

    Nothing is displaying on the mobile view either with ‘Next’ and ‘Previous’?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Virgildia

    (@virgildia)

    Hello! It appears you’re using a plugin, possibly named “Responsive Block Editor Addons,” which also uses a slider based on Slick Slider and it is overriding the default Slick Slider styles – for example it is hiding the arrows. The Carousel Block uses these default Slick Slider styles to allow developers the flexibility to implement custom styling solutions.

    In this case you have a few options:

    1. Check if the “Responsive Block Editor Addons” plugin provides an option to disable or modify its Slick Slider styles.
    2. If it doesn’t offer this option, try to dequeue the plugin’s styles through your theme’s functions.php file. Use with caution.
    3. Reintroduce the default Slick Slider arrow styles in your custom CSS using the !important declaration.

    I plan to introduce custom arrow options for Carousel Block in the future which will resolve issues related to style conflicts.

    Thread Starter Marnix Garner

    (@marnix-garner)

    Thank you for getting back to me. Good information to know, and look forward to the future fix on styles.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.