Remove Specific Table Border

Solved
New Member
3 0 0

Hello,

 

I recently added this code in to theme.scss.liquid to make a table in my product description have borders (before none of the tables I inserted have borders):

 

.product-description table, th, td {
border: 1px solid white;
}

Somehow, it makes the other tables I created outside of product description have borders as well. Particularly on the blog pages where I create recipes using tables to organize the content. But I don't want borders in my recipe blog posts. I tried modifying the html text with this:

 

<table width="100%" class="no-border unborder">

And also:

 

<table width="100%" border="0">

But it's still there. I really only want borders for the product description table. How can I fix this?

 

Web URL: www.nampriksauce.com

Theme: Debut

 

0 Likes
Trailblazer
228 27 29

try this code and give me link to your web page, I will check it

 

.product-description table, .product-description th, .product-description td {
border: 1px solid white;
}

 

 

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
3 0 0

I tried putting that code in and all the borders are gone, including in the product description. So I switched it back to the code I mentioned earlier.

 

website is www.nampriksauce.com

0 Likes

Success.

Trailblazer
228 27 29

try this 

 

.product-single__description table, .product-single__description th, .product-single__description td {

border: 1px solid white;

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
3 0 0

Perfect! That works. Thank you!

0 Likes
Highlighted
Trailblazer
228 27 29

Awesome. Thank you.

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes