[Resolved] How do I increase the size of the slider view arrows?

[Author]

Posts

[OscarF5538]

I am trying to increase the size of my slider previous/next arrows.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share more information how you build your slider view as well as on what page you have added that and what arrow size you would like to increase?

You may need to add custom CSS code to increase your slider arrow but once I review it I will be able to guide you in the right direction.

Can you please share all above required details and I would be happy to assist you further.

[OscarF5538]

Hi Minesh,

There are multiple slider views, I was looking to update all slider arrows. I have tried CSS but to no success. The website is thehove.io and the sliders can be seen on the home page and throughout the site.

[Minesh]

On home page I checked the slider view is added under section "Our Top Picks".

I can see the slider prev-next button CSS is applied from the theme.

Can you please try to add the following CSS to your view's CSS box and check if that help you to resolve your issue;

slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

- You can adjust the value for 'font-size' as per your requirement.

Does this help?

[OscarF5538]

Which CSS box do you mean? There is: Search and Pagination, Loop Editor and Output Editor CSS boxes. I have tried each on them and nothing happened to the arrows.

[Minesh]

Can you please share access details so I can check whats going wrong.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[OscarF5538]

My issue is resolved now. I needed to clear the cache. Thank you!