Remove Automatic Bulletpoints in ul/li in Shopify Theme

Remove Automatic Bulletpoints in ul/li in Shopify Theme

mv5
Excursionist
28 2 3

Hi guys,

 

I am using a heavily self-modified version of a theme for my store. I am attempting to use a list as formatting and I can't get the bulletpoints to disappear, no matter where I put the list-style: none; list-style-type: none; and !important isn't overriding this. 

 

Any ideas on how to disable the automatic Shopify bulletpoint theme in Warehouse to remove the bulletpoints for this specific list? I have tried using IDs to specifically reference sections to no avail. 

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
7647 1839 2252

Hi @mv5 

Can i give a try? WOuld you mind to share your store URL, and also which bulletpoints you like to remove? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

PageFly-Oliver
Shopify Partner
878 190 180

Hi @mv5 ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
ul,ol{
list-style-type:none !important
}
ul:before,ul:after,ol:before,ol:after{display:none}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

helen25
New Member
16 0 0

Hi Mv5

Put this code(in the last ) on base.css file

<style>
ul,ol{
list-style-type:none !important
}
 
</style>