Home Forums WoodMart support forum Banner carousel scrollbar

Banner carousel scrollbar

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #566534

    hrabanekjakub
    Participant

    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

    #566903

    Hung Pham
    Keymaster

    Hi hrabanekjakub,

    Thanks for reaching to us.

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

    Regards,

    #566922

    hrabanekjakub
    Participant

    Hello Huang,

    URL included.

    Thanks

    #566977

    Hung Pham
    Keymaster

    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,

    #567006

    hrabanekjakub
    Participant

    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!

    #567368

    Hung Pham
    Keymaster

    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,

    #568986

    hrabanekjakub
    Participant

    Hello Huangm

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

    Thanks

    #569225

    Hung Pham
    Keymaster

    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,

    #570303

    hrabanekjakub
    Participant

    Hello Huang,

    please find new credentials bellow.

    Thank you

    #570392

    Hung Pham
    Keymaster

    Hi hrabanekjakub,

    Thanks for details.

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

    Regards,

Viewing 10 posts - 1 through 10 (of 10 total)