How can I make an 'image with text' image full width?

[TimMarner]

Hello,

I am trying to make the images in my 'image with text' blocks fill to the full width of the page.

This is what it looks like now....

I want the image of the artwork to fill the right side so it ignores the max-width of the page.

And I would like to do this with multiple images... Is there a piece of CSS I can add to each of the blocks so I can choose which do this?

I've used the Dawn theme if this matters

Thank you for any help

Website: https://grahamfoster.myshopify.com/ 

Password: graham

[BlackCro]

Tim 

A quick and easy solution would be to remove the "page-width" from the container div in image-with-text.liquid, however that would make the whole section full width which may not be desirable. 

I'd have to dig into it a little deeper to see the best way to keep the page width while only extending the image, but it could be achieved.

Thanks, Simon 

[TimMarner]

Thank you - yes it worked to make the images full width but also made the text full width!

How can I keep the text to fit in the max-width of the page?

[MooseDesk]

Hi @TimMarner ,

Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

Please follow these steps:

• Step 1: Go to edit code in the theme liquid
  
• Step 2: Search for the file image-with-text.liquid
  
• Step 3: In the image-with-text.liquid file, search keyword page-width
  
• Step 4: Remove the class page-width
• Step 5: Save and check again

I hope this answer addresses your question effectively. If you found it helpful, we’d appreciate a 'LIKE' for MooseDesk. If your issue is resolved, please mark this as 'SOLUTION’.

In the meantime, our MooseDesk Team is always here to help with customer support solutions. We’re passionate about improving your customer experiences through our Live Chat, FAQ, and Helpdesk App.

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

• Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

Once again, keep up the fantastic work, and I wish you the best of luck in the future! 

[TimMarner]

Thanks for your help. This has made the text also fill the whole page width, but I only want the images to stretch it.

How can I make sure the text part stays within my max-width? thanks