Product description text is becoming stacked

[salil2000]

Hi. As you can see in image my product description has just become stacked, and I am not sure why.

This specific product is (link here), and it is only this product that has this issue.

It looks awful so if I could please get some help to get it back to normal format like this, that would be great:

[namphan]

Hi @salil2000,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product__info-container .product__description .page-width {
    max-width: 100%;
    padding: 0;
}
.product__info-container .product__description .product__info-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

[salil2000]

Unfortunately this did not work. Thank you.

[namphan]

Hi @salil2000,

I checked and your base.css file code is currently corrupted, so when you add new code it won't recognize it.

Please try adding the following code at theme.liquid file, above the '</head>' tag:

<style>
.product__info-container .product__description .page-width {
    max-width: 100%;
    padding: 0;
}
.product__info-container .product__description .product__info-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
</style>

[DaisyVo]

Hi @salil2000 ,

Can you share your store URL so that I can help you check further?

Look forward to your response.

Best,

Daisy

[salil2000]

blossomvase.com

[Dan-From-Ryviu]

Hi @salil2000 

You copied the HMTL of the description, which caused the issue. Please go to edit that product, in Description, click Clear formatting to solve the issue. 

[salil2000]

Unfortunately this did not work. Thanks.

[Dan-From-Ryviu · Accepted solution]

Did you save your product page after Clear formatting? Or you can click Show HTML, copy description of that product, use an online straightforward HTML tool to clear HTML of description, paste it back to description of that product, save and check again.