Re: How to adjust the format of rich text

How to adjust the format of rich text

Adline
Visitor
1 0 3

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

Adline_0-1721370797101.png

 

Replies 5 (5)

WebCreatorz
Shopify Partner
20 3 4

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee !
- If I managed to help you then, don't forget to Like it and Mark it as a Solution!
- if you need more help or want me to do the task for you? Then Email Now or Message me on Fiverr
- Enjoy 1 month of Shopify for $1. Sign up now.




Contact me here
Webcreatorz if you could not understand anything

Dan-From-Ryviu
Shopify Partner
10096 2007 2058

Hi @Adline 

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

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Richard
Shopify Partner
4731 1078 1743

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 </body>

 

<style>
 .page-width:{
   max-width: 100% !important;
   width: 100% !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Made4uo-Ribe
Shopify Partner
8821 2109 2588

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
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. 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%;
}

 

  • And Save. 
  • Result:
    Made4uoRibe_0-1721385232907.png

     

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

BSS-TekLabs
Shopify Partner
2350 688 806

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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now