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

bonnielauren
Tourist
10 0 2

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

Replies 7 (7)

Moeed
Shopify Partner
3695 932 1165

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
bonnielauren
Tourist
10 0 2

54f4ca.myshopify.com

Password: aotwep323Screen Shot 2023-09-05 at 4.17.24 pm.png

RockTechnolabs
Shopify Partner
251 36 59

@bonnielauren  Share your store url

banned
bonnielauren
Tourist
10 0 2

54f4ca.myshopify.com

Password: aotwep323

RockTechnolabs
Shopify Partner
251 36 59

@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

 

RockTechnolabs_0-1693895366848.png

 

 

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

Best Regards,
Rock Technolabs

banned
bonnielauren
Tourist
10 0 2

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

RockTechnolabs
Shopify Partner
251 36 59

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

banned