Infobox Carousels showing outside the screen

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,

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,

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,

Hi aniket.gupta,

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

https://screenpal.com/watch/c06IfHV5PXe

Regards,

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,