How to remove colour dots from collections page - Boost theme

Hello!

I would like to remove these colour dots from the products page on my webshop. Could anyone help with that please?

Thanks!

please share your site url and if password protected then provide password

https://www.cozyhippostore.com

Dani1991

please place this code in the end of theme.liquid file

.product-swatch-inline {
    display: none !important;
}
1 Like

if helpful then Accept solution

Sorry I just got back to my computer. I tried pasting it at the end of the liquid.theme file but nothing happened. Where exactly am I supposed to paste it?

Thanks.

this doesnt work

@mas12121
kindly Share your Store Url.

http://zaneti.myshopify.com

please note, PageFly is only enabled on this page https://zaneti.myshopify.com/collections/we-made-too-much

What’s the issue?
I don’t Get any dot in the slider

It’s hard to tell with the products on this page, but if you see below

1 Like

hii, @mas12121
Paste this code on top of the pagefly-main.css file.

ul.splide__pagination {
    display: none !important;
}

Thank You.

Thank you

Hi @mas12121

It’s PageFly Page Builder here

Next time, please check this video we have guidance here

https://www.youtube.com/watch?v=X2V3nDkMH1k

The code used:

@media (max-width: 767px) {

[data-pf-type="ProductImagePagination"] {

display: none;

}

}

And please kindly contact our 24/7 support live chat, we’ll be happy to assist you.

From PageFly with love :heart:

1 Like