Solved

Change table border in just one page

TheRedPeril
Tourist
4 0 1

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. 

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6383 1533 1903

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:

Made4uoRibe_0-1717603361907.png

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.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6383 1533 1903

Hi @TheRedPeril 

Would you mind to share your store URL? And the tables you like to change? 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.
TheRedPeril
Tourist
4 0 1

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

Made4uo-Ribe
Shopify Partner
6383 1533 1903

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:

Made4uoRibe_0-1717603361907.png

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.
TheRedPeril
Tourist
4 0 1

This is fantastic. Thank you so much for your advice!