only one 'Image with text' full width - Dawn theme

Solved

only one 'Image with text' full width - Dawn theme

niik
Visitor
2 0 2

Hey guys,
I have 3 Image with text sections and I only want the first one to be full width. I've found a few snippets that work globally but I'm struggling to isolate it to one. Thanks in advance! 

https://4efff3-8c.myshopify.com/
pw: 1

default

example_1.jpg

 what I'm after

example_2.jpg

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4720 1077 1742

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi @niik   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>
  .section-template--18610925863165__image_with_text_Ch8UGQ-padding .page-width{
      max-width: 80% !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.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10080 2005 2056

Hi @niik 

You can do that by adding this code to Custom CSS of that section. 

 

.page-width { max-width: 100%; padding: 0; }

 

Screenshot 2024-10-09 at 08.20.08.png

- 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
4720 1077 1742

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi @niik   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>
  .section-template--18610925863165__image_with_text_Ch8UGQ-padding .page-width{
      max-width: 80% !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.

niik
Visitor
2 0 2

perfect, thanks! 

PageFly-Richard
Shopify Partner
4720 1077 1742

Great ! Have a nice day .

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.

Moeed
Shopify Partner
5825 1583 1883

Hey @niik 

 

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>
div#shopify-section-template--18610925863165__image_with_text_Ch8UGQ .page-width {
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1728438497942.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications