Expend Clickable Area - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Expend Clickable Area

S

Sandra97

Template 2 weeks ago

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

0
5 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 weeks ago #209289

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)

0
S
Sandra97
Accepted Answer
2 weeks ago #209294

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

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 weeks ago #209302

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;
}
0
S
Sandra97
Accepted Answer
2 weeks ago #209305

It's perfect!

Thanks a lot for your help

Sandra

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 weeks ago #209363

You are most welcome & Thanks

0