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,
.
