Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Custom Buttons for Portfolio Grid/Carousel Block?

Home / Forums / Kadence Blocks / Custom Buttons for Portfolio Grid/Carousel Block?

This topic is: Resolved
[Resolved]
Posted in: Kadence Blocks
July 30, 2021 at 7:07 am

Hi there!

I’m using the Portfolio Grid/Carousel Block to create a carousel of portfolio pieces, but I’d like to use my own custom “previous” and “forward” buttons to control the slider. This is what I’m going for:

The route I don’t want to go down is having to use CSS to change the position of the arrows already provided with the slider, my goal is to hide those in the block settings by changing the arrow style to “none” and using my own buttons instead. I thought I could just copy and paste the HTML of the buttons that come with the slider by default and then just use my own arrows:

<button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="">Previous</button>
`<button class=”slick-next slick-arrow” aria-label=”Next” type=”button” style=””>Next</button>’

But that didn’t work, so if anyone had a solution for this, that’d be amazing!

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.