Dawn Theme - Table borders & Text Issues

[jkadgconcepts]

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. 

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.  

The link to our store is airpipingdirect.myshopify.com 

Thank you in advance for your help on these issues. 

[EBOOST]

Hi @jkadgconcepts ,

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

[jkadgconcepts]

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

[EBOOST · Accepted solution]

Hi @jkadgconcepts ,

May I suggest to update code these steps:

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

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>

[jkadgconcepts]

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