How can I make Image with text full width in Dawn theme 15.0?

Solved

How can I make Image with text full width in Dawn theme 15.0?

TokyoVicio
Visitor
1 0 0

Hello, I was trying to make this image with text section of my website full width with the page, I tried different codes but no one seems to work for me. I have dawn theme 15.0.0 version. Can someone help? because i want all of my images with text sections to be always full width

O1CN01fETVBT2HoHZH3eBJJ__3417629.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11360 2227 2399

This is an accepted solution.

Hi @TokyoVicio 

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.page-width:has(.image-with-text) {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 3 (3)

Ahmed2
Shopify Partner
11 0 0

Try the code with important property ( ! )

Entesta
Shopify Partner
80 8 20

Hi @TokyoVicio 

Please share your store URL so that we can have a quick look and share the feedback on the same.

Thanks.

We value your feedback! Let us know if this helped by giving it a thumbs up or marking it as a solution or buy us a coffee.
Looking for Shopify experts to help you with your website? We are just one click away. Drop an email or say hi on WhatsApp to initiate a request support@entesta.com | +91 79083 21294
Entesta - Powering Your E-Commerce Journey with Shopify Expertise

Dan-From-Ryviu
Shopify Partner
11360 2227 2399

This is an accepted solution.

Hi @TokyoVicio 

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.page-width:has(.image-with-text) {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.