Hi,
On this site https://www.rolexboutique-stbarthelemy.com, for the Keep exploring module, I need the grey dots to have a clickable area at mimum 24x24px (but the element should visually stay the same).
I succeeded to do it in the slideshow but not for the Keep Exploring module.
Could you please help?
Thanks
Sandra
Please use this css code.
.sppb-carousel-extended-dots ul li span::after {
content: '';
position: absolute;
inset-block: -12px;
inset-inline: -12px;
}
#sppb-addon-1679432977376 .sppb-carousel-extended-dots ul li{
overflow:initial !important;
}Hi there,
Thank you for reaching out. Add this css code inside the custom.css file.
#sppb-addon-1679432977376 .sppb-carousel-extended-dots ul li {
height: 14px;
line-height: 4px;
width: 25px;
background: #d4d4d4;
border-style: solid;
border-width: 0px;
}Best regards,
Toufiqur Rahman (Team Lead, Support)
Thanks Toufiq.
It changes the size of the dot, it' s not what I need (and it's the CSS I'm already using except for the height). I need the clickable area to be bigger than the dot but not visible
Sandra
It's perfect!
Thanks a lot for your help
Sandra
You are most welcome & Thanks