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/c/shopify-design/edit-margins-of-a-specific-image-to-make-it-flush-to-...
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
Hi @kateHCM
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> 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 </head>
<style>
div#shopify-section-template--15988021887069__0cec008d-421f-4481-af47-cd4f749bd5f3 .page-width {
max-width: 100%;
padding: 0;
}
div#shopify-section-template--15988021887069__0cec008d-421f-4481-af47-cd4f749bd5f3 .page-width .image-with-text__text-item.grid__item {
width: 50% !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Hi @kateHCM
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> 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 </head>
<style>
div#shopify-section-template--15988021887069__0cec008d-421f-4481-af47-cd4f749bd5f3 .page-width {
max-width: 100%;
padding: 0;
}
div#shopify-section-template--15988021887069__0cec008d-421f-4481-af47-cd4f749bd5f3 .page-width .image-with-text__text-item.grid__item {
width: 50% !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
@PageFly-RichardYOU 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
