How to increase icon text image size on my website?

[Crypto_Chris]

Hello,
I would like to increase the size of the image used for the icon with text section. I have attached a screenshot showing my “free shipping icon” and how small it is.
Thanks.

[PageFly-Henry]

Hi @Crypto_Chris

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.icon-with-text img {

height: 100px !important;

width: 100px !important;

object-fit: cover !important;

}

.icon-with-text .icon {

height: 100px !important;

width: 100px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[David_SHT]

Hi @Crypto_Chris ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

.product .icon-with-text .icon,
.product .icon-with-text img {
     --icon-size: 60px;
}

Result:

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

David | SalesHunterThemes team

[Crypto_Chris]

It looked like it worked and now it doesn’t. What did I do wrong?

[syedsumaimaly]

**Hi @Crypto_Chris **

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

.product .icon-with-text .icon,
.product .icon-with-text img {
     --icon-size: 70px;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

[PageFly-Henry]

I think it’s having the wrong code because you’re missing “}”