Stretch the text across the entire surface

Hi, I have a problem with one part. When you go to my website, click on “plakaty
” and then “sweet vibes only,” you will see that the description is only about 70% of the page, and I want to stretch it to the entire possible area and adjust the spacing from the left and right margins. What code should I use? I’ve tried everything, but it’s not working.

Hey @Bajgor

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.collection-hero__description.rte {
    max-width: 100% !important;
}
</style>


If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like

Hi,

Hope this will help

  • Use CSS code at the very bottom

Code example

/* Stretch product description to full width */
.product-single__description {
  max-width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

Hey @Bajgor,
Could you please share your store URL and password [if applicable] so that I can take a look and provide you solution code.
Looking forward to hearing back from you.
Thanks

Hello @Bajgor ,

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?

Hi @Bajgor ,
It seems that you’ve already resolved the issue — it now displays quite well.
If you have any further questions, I’m happy to assist you.