Shopify themes, liquid, logos, and UX
We have our store in Icon theme. I have tables globally set to have a 1px light grey border on the site but I have one page with a lot of tables where it looks very messy and I want to either reduce to 0px or make them white so they're invisible. I have tried adding code to the page and I have tried adding some css to the theme but it hasn't worked - I've found some solutions to change css for a particular collection but I can't find how to do it for a singular page without affecting all of them. I have created a separate liquid file for this particular page. Grateful for any suggestions. Thank you! Page is here if helpful.
Solved! Go to the solution
This is an accepted solution.
Thanks for the info, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.desktop-12.tablet-6.mobile-3 td {border: 0px;}
And Save.
Result:
Hi @TheRedPeril
Would you mind to share your store URL? And the tables you like to change? Thanks!
Absolutely! This is the page - I am trying to hide all the tables in the page without changing those properties globally since we need visible tables elsewhere. Thank you for any advice you have! https://nieveslavi.com/pages/celebrities
This is an accepted solution.
Thanks for the info, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.desktop-12.tablet-6.mobile-3 td {border: 0px;}
And Save.
Result:
This is fantastic. Thank you so much for your advice!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025