How to make "Icon with text" icons bigger?

[mpatsi]

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

 

[ennovative-it]

Try this css:

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

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

[mpatsi]

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

 

[ennovative-it · Accepted solution]

try with:

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

[mpatsi]

Does not work

[mpatsi]

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

[brooke9979]

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

[brooke9979]

Just found it! Thank you