Banner carousel scrollbar

Hello,

I would like to make the banner carousel scrollbar hidden by default and show when hovering the carousel. Also is there a way to offset it vertically?

Thank you

Hi hrabanekjakub,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Hello Huang,

URL included.

Thanks

Hi hrabanekjakub,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-nav-scroll{
	opacity: 0;
	visibility: hidden;
}

.wd-carousel-container.banners-carousel-wrapper:hover div.wd-nav-scroll{
	transition: all .3s;
	opacity: 1;
	visibility: visible;
}

Regards,

Hello Huang,

this works great but it also hides the scrollbar for product carousel and the code for hover only affects banner carousels. could you please give me a hover code for product carousel?

Moreover is it possible to offset the scrollbar vertically?

Thanks!

Hi hrabanekjakub,

1. Please remove previous code and use below one:

div.banners-carousel .wd-nav-scroll{
	opacity: 0;
	visibility: hidden;
}

.wd-carousel-container.banners-carousel-wrapper:hover div.wd-nav-scroll{
	transition: all .3s;
	opacity: 1;
	visibility: visible;
}

2. Moreover is it possible to offset the scrollbar vertically?

Unfortunately, there is no such an option right now.

You can create a ticket here: https://woodmart.canny.io/feature-requests so our developers will consider such a feature.

Regards,

Hello Huangm

the code did not work as intended. Everything is just visible at the moment. Could you send new one?

Thanks

Hi hrabanekjakub,

First of all, I’m really sorry have taken long time to reply you.

Admin credential is incorrect, please check again then I can check issue myself.

Regards,

Hello Huang,

please find new credentials bellow.

Thank you

Hi hrabanekjakub,

Thanks for details.

I’ve fixed your issue. Please check your site again.

Regards,

[Author]

Posts