Make Icon with Text bigger

Hello,

I would like to keep my icon with text text part the same, however i want to make the actual image bigger - probably double that size. How do I code this? The png is already maximum size.

Thank you.

URL: https://www.livwithin.com.au/products/moon

pw: pewpog

Hi @ellacoker

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

h2.related-products__heading.inline-richtext.h2 {
    font-size: 20px !important;
}

Result

Best,

DaisyVo

Hi Daisy, I am trying to increase the size of the icon iteslf. PLease see screenshot!

Hi @ellacoker

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

ul.icon-with-text.icon-with-text--horizontal.list-unstyled li img {
    width: 65px !important;
    height: 65px !important;
}

Result

Best,

DaisyVo

Hi @ellacoker

Try adding the following CSS and let me know if this works or do you need an alternative solution.

/* Increase icon size without affecting text /
.icon-with-text img {
width: 200px !important; /
Adjust size as needed /
height: auto !important; /
Maintain aspect ratio */
}

/* Optional: Ensure icons remain centered */
.icon-with-text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}