Make Icon with Text bigger

[ellacoker]

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

[DaisyVo]

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

[ellacoker]

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

[DaisyVo]

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

[Dotsquares]

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;
}

[furqanhamid]

You can adjust the icon size by adding custom CSS. In your Shopify theme editor, go to Online Store → Themes → Edit Code, then find your theme.css or base.css file. Add this code:

.icon-class {
width: 2x; /* Adjust as needed */
height: 2x;
}

Replace .icon-class with the actual class of your icon. Let me know if you need help finding it!