Infobox Carousels showing outside the screen

I have added Infobox Carousels but arrows showing outside the screen please give some resulation

thank you!

Hi aniket.gupta,

Thanks for reaching to us and appreciate your patience.

First, you need to increase padding right and left of content. https://prnt.sc/GlXVa–hA7a1

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.info-box-carousel .wd-btn-arrow[class*="prev"] {
    transform: translateX(80px) !important;
}

.info-box-carousel .wd-btn-arrow[class*="next"] {
    transform: translateX(-80px) !important;
}

You can change number value till meet your requirements.

Regards,

Looks Good But Button is not clickeable until you hover on it please check on live link https://staging.qritrim.com/visualize/

Here is the video for refernce https://vimeo.com/872552514/c1a03f57c1?share=copy

Thank You!

Hi aniket.gupta,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.wd-owl :is(.owl-nav .owl-prev,.owl-nav .owl-next,.owl-dot) {
    user-select: auto !important;
		pointer-events: auto !important;
}

Regards,

Not Working Also share for pagination color

Hi aniket.gupta,

Please clear cache and double check https://prnt.sc/j8BwXAFMY7Zv

It worked on my end. Let me know how it goes.

Regards,

Arrows is better but pagination is not working after clearing cache

Attachments:

You must be logged in to view attached files.

Hi aniket.gupta,

Dots pagination worked well on my side, please double check.

https://screenpal.com/watch/c06IfHV5PXe

Regards,

Yes, i know i’m talking about color to be white on blue bg and black on white bg .

Hi aniket.gupta,

In order to do that, you first need to add class to widget, for e.g: blue-bg-info https://prnt.sc/5IS1No8KFogD

Add below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS

.blue-bg-info .owl-dots .owl-dot.active span {
    border-color: #fff;
    background-color: #fff;
}

Regards,

[Author]

Posts