How to make an image full width and hight in an image text section?

How to make an image full width and hight in an image text section?

NikosBat
Trailblazer
353 1 59

Hello guys, as you can see in the image below, i have created a image text section in my shop. I want the image to be full width and hight of the section, how am I able to do this?

 

NikosBat_0-1741202455645.png

 

Replies 2 (2)

CodingFifty
Shopify Partner
901 134 164

Hi @NikosBat,

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

CodingFifty
Shopify Partner
901 134 164

Hi @NikosBat,

 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.section-template--24443853144396__image_with_text_bteEtd-padding.gradient.color-scheme-1 img {
    display: block;
    max-width: 125% !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 115% !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com