Remove space between pictures and content in iconboxes

moritz22 · March 2016

Hey guys,
I have the problem that I don't know how to remove the space between a left-sided picture and the content text in an icon box. The picture used is relatively small but the space between it and the text is way too big.
Also, the vertical space between the upper and the lower icon boxes is too much, how can I lower the distance?
Thanks for your help!
Moritz

Edit: Link to page: http://super-leicht-abnehmen.de/

Albert · March 2016

Hi,

please send us link to page that concerns above screenshot.

moritz22 · March 2016

http://super-leicht-abnehmen.de/

Albert · March 2016

Thanks. So to decrease those spaces, please use the following css:

.icon_box.icon_position_left { padding-left: 100px !important; min-height: 70px !important; }

moritz22 · March 2016

Thanks a lot, worked!

moritz22 · March 2016

One more thing: is there any chance to reduce the space between the iconboxes?
Like this space:

Albert · March 2016

As we see, you use 1/3 column for these items. It means that you can not change it's width unfortunately.

moritz22 · March 2016

Ok, thanks.

Albert · March 2016

No problem

babaksardary · April 2017

Hi, as I cannot see the screenshots above, I am assuming that the previous user has the same issue as me. There is too much space between the icon on the left and the text on the right. I tried the CSS you provided above, but it did not work.

Here is a screenshot: https://ibb.co/bE6QT5

How do I decrease the space between the two elements?

Bryan · April 2017

Hi,

Please send a link to your website and point where this element is located.

thanks

Remove space between pictures and content in iconboxes

Comments