How to adjust the format of rich text

Store Design
, ,
1

我想把这部分“富文本”做得更宽更长一些，这样既能适合PC端页面，也能适合手机端页面。

Adline_0-1721370797101.png
Adline_0-1721370797101.png1147×322 6.94 KB

3 Likes
2

can you share your store link with me or which theme you are using

3

Hi @Adline

You need to share page link contains that section so we can provide the code to make it full width.

4

This is Richard from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

5

Hi @Adline

if your using dawn theme you can check this one. if not would you mind to share your store URL? Thanks!

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.rich-text__wrapper.rich-text__wrapper--center.page-width {
    max-width: 100%;
}
.rich-text__blocks {
    max-width: 100%;
}

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

6

Hello @Adline .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.