Site logo

Archived topic

reduce margin for WCPS Dot Navigation

3 replies · Started by melvin on November 19, 2020

Viewing posts 1–4 of 4

Hi,

This might not be under your theme issue. However I've tried out a few CSS but not work so I come here seek for your help.

I would like to reduce my "WCPS Dot Navigation Margin" to all the WCPS slider I use
https://imgur.com/a/nDQFiaJ

So I tried out with this CSS code, and it works

#wcps-4121 .owl-dots {
    margin: 10px 0 0;
}

But the problem is with this code, it only apply to slider WCPS-4121. My objective is to apply the said margin to all WCPS slider.

So i tried this out

.owl-dots {
    margin: 10px 0 0;
}

With this CSS code, it doesn't work.

Here's the link I apply the WCPS slider

Could you please correct my CSS code so the margin applies to all WCPS slider instead of only #wcps-4121?

Thanks.

Regards
Melvin

Hi there,

Try using !important to the second block of CSS.

Hi Leo,

Thanks it works!

Regards,
Melvin

No problem :)

This archived topic is closed to new replies.