Icon Box Padding

KKPRINT

Hi Guys, I wanted to reduce the space between the icon and the text beside it in my icon box.

The spacing is fine when the icon is big but when it's small the space is too big between icon and text.

site: http://www.dandenongdermatologycentre.com

Bryan

Hi, 

Do you mean, responsive? Please make a screenshot and show what space is it?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

babaksardary

Hi, I have the same question as KKPRINT did. 

Here is my screenshot: https://ibb.co/evQXt5

Here is the page: scoop.solar/features

On mobile, the icons take up a lot of room and the text becomes very small. I would like to reduce the padding around the icon so that the text does not need to be so narrow. 

Thanks! 

Bryan

Hi,
use this css

@media (max-width:767px){
.icon_box .image_wrapper {
	text-align:left !important;
}
.icon_box.icon_position_left {
	padding-left: 60px !important;
} }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

babaksardary

Great, it worked. Thank you very much!