How to remove dots showing up before collections.

Oliver102
New Member
2 0 0

Hello,

I created a page from where I can add my collections under a collection category. my problem is that there are dots before these collections. And also there is a small line under each collection picture, which should not be there. (see picture attached) 

image.png

Does anyone have a solution for this?

Thank you,

Oliver

0 Likes
ErSanjay
Trailblazer
146 18 23
/* can you share your store URL 
It was the list style you 
need to remove the styles 



*/

.your-class li{ 
       list-style: none;
}


/* if still need help share your store url */ 
Oliver102
New Member
2 0 0

Hey,

Where should I insert it?

My store:https://theecogoods.com/pages/home

Thanks,

Oliver

0 Likes

Dear @Oliver102 

Hope the following suggestions will help you

  •     From your Shopify admin, go to Online Store > themes.
  •     Locate your current theme and then click Actions > Edit code.
  •     After that in the Assets folder, click to open your theme.scss.liquid file.
  •  Go to the very bottom of this file and paste the following code:

 

/* Start */
#shopify-section-home-collections ul {list-style-type: none !important;}
/* End*/

 

  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes