Solved

Dawn Theme - Table borders & Text Issues

jkadgconcepts
Tourist
5 0 1

Hello All,

I am in need of help on our shopify store for our product descriptions. We are currently using the most updated version of the Dawn Theme (14.0.0). I am having trouble with some products not showing table borders around measurements and makes it hard to understand. The majority of our products have tables in the description and I would like them to be all uniform in having borders around the information to make it easier to understand that information. I have searched through some other forum posts and tried pasting code in the assets and theme code. No options have worked for me as of yet. 

 

Screen Shot 2024-05-22 at 11.57.24 AM.png

 

The second issue that I am having is that some of the text data on the descriptions shows as different font sizes, but when I am editing the product description manually this does not show. I have tried highlighting all of the text in the product description and selecting "clear formatting" but this has not helped. I would like it to be uniform in text font size.  

Screen Shot 2024-05-22 at 11.58.25 AM.png

The link to our store is airpipingdirect.myshopify.com 

Thank you in advance for your help on these issues. 

Accepted Solution (1)
EBOOST
Shopify Partner
950 255 290

This is an accepted solution.

Hi @jkadgconcepts ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Layout/theme.liquid
3. Add code below to end of file before </body> tag

<style>
.rte table {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

.rte table td,
.rte table th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
</style>

EBOOST_0-1716629001475.png

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

View solution in original post

Replies 4 (4)

EBOOST
Shopify Partner
950 255 290

Hi @jkadgconcepts ,

Could you share the protect password? I will help to check it.

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
jkadgconcepts
Tourist
5 0 1

The password is shopify123 to enter the store. Thank you!

EBOOST
Shopify Partner
950 255 290

This is an accepted solution.

Hi @jkadgconcepts ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Layout/theme.liquid
3. Add code below to end of file before </body> tag

<style>
.rte table {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

.rte table td,
.rte table th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
</style>

EBOOST_0-1716629001475.png

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
jkadgconcepts
Tourist
5 0 1

Thank you so much for the help on this! This worked perfectly, saved me a lot of time!