Collection description is narrow in Craft theme

Hello

On my website the description of collection is very narrow.

How to stretch that equal to full page width.

Home page text is also narrow compare to the page width .

https://saddleonlineshop.com

Need help to fix both issues.

Thank you

2 Likes

Hello @dreamworldeques ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

@media screen and (min-width: 990px) {
    .rich-text__blocks {
        max-width: 100% !important;
    }
}

Regards
Naveen

using CRAFT theme.

Hi @dreamworldeques

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.rich-text__wrapper .rich-text__blocks {
        max-width: 100% !important;
    }

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

thank you for response. It fixes the text on home page but now descriptions from collection pages are disappear.


Sorry, but that is not the code I provide.

sorry for tagging you with someone else response.

Please find attached here your code in base.css

It doesnt disappear the reviews widget which is good thing.

It fixed the text on home page which is another good thing but your given code cause description disappear from collection pages.