ggcgolf
December 27, 2022, 3:06pm
1
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!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
ggcgolf
December 27, 2022, 4:02pm
3
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
ggcgolf
December 27, 2022, 4:55pm
5
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!
ggcgolf
December 27, 2022, 5:08pm
6
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
jr2400
December 26, 2024, 1:57pm
8
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