[Resolved] reduce margin for WCPS Dot Navigation

[melvin wang]

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

View post on imgur.com

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

[Leo]

Hi there,

Try using !important to the second block of CSS.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[melvin wang]

Hi Leo,

Thanks it works!

Regards,
Melvin

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts