Product description issue

Solved
Tourist
8 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 https://narizza.myshopify.com/products/bag6
0 Likes

Success.

Shopify Staff
Shopify Staff
518 33 72

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.

12-26-4p8o4-v6jju

 

 

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:

 

12-27-9cgdl-c5xse

 

 

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

Cheers,

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

0 Likes
Highlighted
Tourist
8 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
0 Likes

Success.

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

 

Go to your Shopify > Themes > Actions > Edit Code

shopify-themes-22.png

 

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

shopify-edit-css-3.jpg

 

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

 

 

0 Likes
Tourist
8 0 1

This seems to solve the issue. Thank you so much

1 Like