Shopify themes, liquid, logos, and UX
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.
Hi @mv5
Can i give a try? WOuld you mind to share your store URL, and also which bulletpoints you like to remove? Thanks!
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.
Hi Mv5
Put this code(in the last ) on base.css file
<style>
ul,ol{
list-style-type:none !important
}
</style>
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024