Product description issue

9 0 1
Hello, I’ve purchased a premium theme which I’m happy to use it on my store, I’ve uploaded some of the products with description and everything was fine, until later today when I’ve tried and upload another product only this time the description is not responsive, instead of showing the description nicely on rows it shows it on a single line on desktop and mobile as well. So in order to see the description I need to move the screen all the way to the right. I’ve uploaded another theme, I thought it’s an issue with the current theme but same issue happens. Then I’ve opened a demo store to test another theme and I have the same issue. Everything worked fine until later today, can you please advise? Please see the link to better understand what I’m saying


Shopify Staff
Shopify Staff
605 40 85

Hi, there.


Dallas here from the Shopify Social Care Team.


By the sounds of it, the rich text on your product page is incorrect. If it's not aligning into a paragraph, but instead is setting itself as a single line, I'm going to assume that you have <span> in between each word.


If you go to your product page and click on the button that looks like this <> you'll be taken to the rich text editor.




In there you'll see the HTML version of what you've written. Can you see if it has <span> in between the words there? If it does you'll just need to take those out and then save it.


A proper HTML version of a paragraph should be something like this:





Can you try those steps and let me know how it goes for you?


Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

9 0 1
It had span between the words, I’ve removed it and still doesn’t work out.
I’ve tried and type the description in the html editor as well but that
doesn’t fix the problem.
Is there a reason of why this happens? I’m not doing nothing beside writing
my description like I did with my other projects.
Thank you


Hey Narizaonline, not sure what the issue is, but a short term solution might be...


Go to your Shopify > Themes > Actions > Edit Code



Go to the Assets folder and open the theme.scss.css file.



Inside the file, hit Command+F, to search for this text... 


.product-single__meta .rte


It should look like this inside the file...

Screen Shot 2019-08-13 at 7.38.20 PM.png







Inside those curly braces, under text-align:left , add these two lines of code.


text-align: center;
word-wrap: break-word;

And make sure you add a semi-colon ( ; ) after text-align:left;

It should now look like this...


.product-single__meta .rte {
    text-align: left;
    text-align: center;
    word-wrap: break-word;

Screen Shot 2019-08-13 at 7.48.03 PM.png






Now your product descriptions should be centered and wrapping within the box correctly.

Screen Shot 2019-08-13 at 7.51.08 PM.png



9 0 1

This seems to solve the issue. Thank you so much

1 Like
New Member
4 0 0

Hi Mike


I have a similar issue. The product description is not appearing as bullet points. Also there appears to be additional \n which I don't know about. Further the product description starts and ends with ".


The rich HTML text editor isn't helping either. I have attached the image for reference. Can you assist please.


CSS issue in product description.jpg



Hey ryusuf,


If you have a link to the website that I can look at, I could probably find the solution, but I would have to inspect the page, in order to know which piece of code needs to be fixed.