Changing dimensions of rich text section in Dawn theme

Solved

Changing dimensions of rich text section in Dawn theme

JordiP
Tourist
24 0 6

 Hello, I need help adjusting the width of the black box (rich text) so that it matches the width of the drop down menu boxes below. (Product page)

 

Screenshot 2024-09-28 at 16.33.20.png

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 848 1062

This is an accepted solution.

Hi @JordiP

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

<style>
section#shopify-section-template--23481716080973__rich_text_kRANCk {
    max-width: 1230px !important;
    margin: 0 auto;
    padding: 0 1.5rem !important;
}
</style>

 

Here is result: 

BSSCommerceHDL_0-1727534527216.png

 

Hope this can help you,

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2305 848 1062

This is an accepted solution.

Hi @JordiP

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

<style>
section#shopify-section-template--23481716080973__rich_text_kRANCk {
    max-width: 1230px !important;
    margin: 0 auto;
    padding: 0 1.5rem !important;
}
</style>

 

Here is result: 

BSSCommerceHDL_0-1727534527216.png

 

Hope this can help you,

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

JordiP
Tourist
24 0 6

Thank you! I have another product page , which I have made as a seperate page since it will be slightly different from my other products and I would like to include those edits for this page aswell. I really appreciate the help!

 

Screenshot 2024-09-28 at 17.18.27.png

 

BSSCommerce-HDL
Shopify Partner
2305 848 1062

Hi @JordiP

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

 

<style>
section#shopify-section-template--23521357660493__rich_text_p3yqpU {
    max-width: 120rem !important;
    margin: 0 auto;
    padding: 0 5rem !important;
}
</style>

 

 

 Here is result: 

BSSCommerceHDL_0-1727537115506.png

Hope this can help you,

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

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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