How can I resize an image with text and add a heading?

[oscaroline]

Hello,

Is there any way I can make the image with text section square with longer height instead of small size like the photo ?

I want from this

to something like this

also is there anyway I can add something like “introducing” on top of heading?

thank you

[PageFly-Victor]

Hi @Oscaroline

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> component-image-with-text.css paste the below code at the bottom of the file.

@media(min-width:767px){

.image-with-text__media-item{

width: calc(50vw - 5px) !important;

height: calc(50vw - 5px ) !important;

}

.image-with-text__media-item *{height:100% !important}

}

It will allway square

Hope my solution works perfectly for you!

Best Regards;

PageFly

[KetanKumar]

@oscaroline

can you please share your store url so i will check and give you proper code

[oscprofessional]

Hello @oscaroline

Please could you share your store URL So that I can review it?

[oscaroline]

https://3a81a6-2.myshopify.com/

Here’s my website