Brooklyn - How to remove border from a table in the product description?

Highlighted
New Member
5 0 0

How do I get rid of this border on a table in the product description? I'm using Brooklyn, please help.

Screenshot_1.png

0 Likes
Highlighted
Shopify Staff
Shopify Staff
643 48 66

Hello, @txj03!

 

Ted here from Shopify, thanks for reaching out to us. 

 

That's a great question! So it looks like this is coming straight from the product description. Can you log into your admin, click on a product and then view the description? It looks like you've entered a text box to appear around the 'Discount code limited to the first 200 customers' sentence. I've created an example here for you to look at. Once this text box is removed, the separator you've mentioned in the screenshot will be removed. 

 

Let me know how this goes and if there is anything else I can help you with, I'm happy to help!

Ted | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Tourist
5 0 0

Hi,

I am experimenting the same issue. A bottom border of the table's first row <tr> is generated and it only happens on the first row (odd)! Tried all the CSS to remove, hide, change color, make transparent, but no luck thus far.

 

With regards to the expert advise previously, in my case, I actually want to keep the table and do not want to delete it so this will not apply to me. Any suggestions? Thank you. 

Screen Shot 2019-07-24 at 5.59.54 PM.png

0 Likes
Highlighted
Shopify Expert
2930 499 671

Send me your store url so i can give you exact solution 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Highlighted
Shopify Expert
2930 499 671

Want to remove this table border? 

 

table.png

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Expert
84 14 17

HI,

Please add below code before close </head> tag 

<style>
.rte--indented-images table tr:first-child th:after, tr:first-child td:after { border: none!important; }
</style>

Untitled-1.png

 

Thank you

Silverclouding Consultancy Pvt Ltd

If it help you then please Like and Accept Solution.

0 Likes
Highlighted
Shopify Expert
2930 499 671

This css affect on whole store table that's not good you need to add any prefix class that only work for this table:

Follow this:

Add in Asset->theme.scss->at bottom of file.

.rte--indented-images table tr:first-child td:after{ border: none; }

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
2 Likes
Tourist
4 0 0

Hi Jasoliya, 

 

Can you also help with making a table background white or clear in the brooklyn theme. My table is in a blog post. 

 

Thanks in advance!

0 Likes
Highlighted
Shopify Expert
2930 499 671

Send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes