Remove Specific Table Border

Solved
Highlighted
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
Highlighted
Globetrotter
703 65 82

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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
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
Highlighted
Globetrotter
703 65 82

This is an accepted solution.

try this 

 

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

border: 1px solid white;

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
3 0 0

Perfect! That works. Thank you!

0 Likes
Highlighted
Globetrotter
703 65 82

Awesome. Thank you.

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
7 0 0

anybody know how  to slide logo bar item on mobile and desktop i have 2 rows on mobile i put some code trying to search 3 rows on mobile but cant find it before it was 1 row and what i found is only 2 rows and know im trying to  slide my logo bar item with with my mobile 2 rows horizontal and can slide 3 more logo same row anyone could help me about this?  thank you!

0 Likes
Highlighted
Excursionist
22 0 1

Hi!

Can you please let me know what & where to fix so that my table borders show up in black? Please, and Thank You!! (I've attached what I'm currently working with)

 

 


Screenshot (1180).pngScreenshot (1181).png

0 Likes
Highlighted
Globetrotter
703 65 82

I think you are showing backend , can you please share page link on which you have table? Will let you know border code to make it black

you are welcome to contact me.
My email - suyash.patankar@gmail.com
1 Like
Highlighted
Excursionist
22 0 1

Here you go. This is what the table looks like on the actual product page. I think it'd look so much better /neater with all borders. Thank you so much!

Screenshot (1182).png

0 Likes