How to make "Icon with text" icons bigger?

Greetings

I want to make the icons of "Icon with text"section bigger and remove the text from the bottom (i add those images using metafileds btw) but when i target the HTML elements in using CSS nothing looks to works…does anyone have any idea?

Thanks in advance

https://hairworkshop.gr/products/maple-rinse

Try this css:

.icon-with-text img {
height: 100px!important;
width: 100px!important;
}

.icon-with-text–horizontal img+.h4{
display:none;
}

1 Like

Great you are awesome, but i believe they have too much space between them.

try with:

.icon-with-text–horizontal {
column-gap:0px!important;
}

Does not work

But don;t worry it’s ok, your solution is more than enough…thank you so much!

Thank you for your solution. I have just applied the top portion as i do still want my text at the bottom. I feel like the 100px is slightly larger than i wanted; my thoughts are that i can revise this number incrementally to my preference but i can not locate where it went in my files… how do i go about finding once i have already added it?

.icon-with-text img {
height: 100px!important;
width: 100px!important;
}

Just found it! Thank you