Change image in image with text to a wide format in impulse theme.

[bonnielauren]

Looking to adjust one of my image with text sections using custom css. I want the image to be wide/go to the edge of the page on desktop.

Impulse theme

[Moeed]

Hey @bonnielauren 

Could you please provide your Store URL and, if applicable, the Password too? Also, if you can share a screenshot of your section then it would be great. Your cooperation is greatly appreciated!

Best Regards,
Moeed

[bonnielauren]

54f4ca.myshopify.com

Password: aotwep323

[RockTechnolabs]

@bonnielauren  Share your store url

[bonnielauren]

54f4ca.myshopify.com

Password: aotwep323

[RockTechnolabs]

@bonnielauren 

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>
#shopify-section-template--20338604343590__48eac374-5c4d-4d53-a654-60dcb5307705 .feature-row {
    margin: 0;
}
#shopify-section-template--20338604343590__48eac374-5c4d-4d53-a654-60dcb5307705 .page-width.feature-row-wrapper.feature-row--50 {
    padding: 0;
}
#shopify-section-template--20338604343590__48eac374-5c4d-4d53-a654-60dcb5307705 .feature-row__item.feature-row__images.aos-init.aos-animate {
    margin-right: 0;
}
</style>

Copy

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

Best Regards,
Rock Technolabs

[bonnielauren]

If I use this code how does this apply to all image with text of just this one?

[RockTechnolabs]

it just applies to one section, If you want to apply it all image-with-text section then you need to remove the the section ID from the CSS