Re: Change the border colour of a table on a product page

Solved

Change the border colour of a table on a product page

Aktyva
Tourist
10 0 0

Hi there,

 

I added a table in the "description" section and would like to change the border colours so they are invisible (ie. colour them in white). 

I found this CSS code on this forum, but I do not know where to find the information to "call" the table so it applies to it:

 

td {
width: 100%;
border-collapse: collapse;
border: 1px solid white;
}

 

Could you please help me?

 

Here is the link to the product page: https://www.aktyva.com/collections/tennis-machines-equipment/products/elite-2-pack

 

Thank you for your help,

 

Greg

Accepted Solution (1)

LuffyOnePiece
Shopify Partner
650 93 119

This is an accepted solution.

Hi @Aktyva ,

 

Try adding below css to theme.css file.

.product-block .table-wrapper table {
    background: none !important;
}

 

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 4 (4)

LuffyOnePiece
Shopify Partner
650 93 119

This is an accepted solution.

Hi @Aktyva ,

 

Try adding below css to theme.css file.

.product-block .table-wrapper table {
    background: none !important;
}

 

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Aktyva
Tourist
10 0 0

Hi, thank you very much for your help! That worked 🙂

PageFly-Amelia
Shopify Partner
626 165 238

Hello @Aktyva 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.table-wrapper > table {
  background: unset;
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

Aktyva
Tourist
10 0 0

Hi, thank you very much for your help!