Table in Product Description is Overlapping

Hello,

I inserted a table into the product description and when I preview the product, the columns are overlapping one another so the words are all jumbled as shown below.

How do I make it so the words aren’t overlapping one another, and it’s spaced correctly?

Thanks!

1 Like

@ggcgolf

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hey @KetanKumar , thanks for getting back to me!

Here’s the site URL

Ping G425 Hybrid – Gastrau’s Golf Center (ggcgolf.com)

Hi [email removed]Ggcgolf,

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-rte.css.

Step 3: Paste the below code at bottom of the file → Save

.product__description.rte quick-add-hidden table{

width:auto !important

}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Hello,

Thank you for the help! I might have inserted the code wrong as it doesn’t appear to have changed the layout. Here’s the code I put in.

I just put in line 66 and down.

Thanks!

Hey @PageFly-Victor ,

I switched the table around in the editor a bit and it’s working now. Thank you for your help!

you are welcome, I am glad when can help you :heart_eyes:

Hi there! Is there an update to this as to where to put the code? There is no longer a file called “component-rte.css.” Thanks!

1 Like

@jr2400 can you please share your store url