Making a specific image touch the edge of page (Image With Text Section, Dawn)

Hi all,

I’m struggling to make a single image full width within an ‘image with text’ section on the site. I need to do this for one specific image/section, but not sitewide. Is there a way I can customize the CSS to achieve this without affecting other sections?

I’ve scoured many discussion articles and this one here seems to be closest to what I’m trying to achieve: https://community.shopify.com/post/1445782

However, the solution does not work on my end.

I’m including a snapshot of what I’m trying to achieve vs what my site looks like (note: the image on the site is a placeholder and will be changed).

Thanks so much in advance!

Kate

Hello @kateHCM
Can you share store URL?

Staging preview: https://ivbsh3vbjrmdgc1n-61457694813.shopifypreview.com

Hi @kateHCM

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

@PageFly-Richard YOU ARE MY HERO!!! This worked perfectly. Thank you sooo much. You’ve made my week. I hope 2024 brings you nothing but sunshine and rainbows.

Kate

Glad that i can help. Have a nice day :heart:

HI! I’m struggling with the same thing. If I share my store URL can you help me?

Hi how can I do the same with my featured collection but only on my homepage? I’d also like there to not have borders on each of the products in the columns in the featured collection. Just want that part to look more seamless