Information Box image padding between border

Hi,

I created a Information Box Carousel before the slider and I added an image on per Information boxes. Problem is; when I select “With Border” option on the Information Settings and adding images, there been space between border and image. I don’t want any spaces between of border and image, it should be fit on the spaces. How I can do it? Thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .box-icon-with-border .info-box-icon {
padding: 0;
}

Best Regards

Worked, thanks! Could you help me for another solution? I choosed slider spacing 0 in the “Information box carousel Settings” but it is not enough, I need less spacing between of boxes. Thanks.

Hello,

If you want less padding you will need to increase the number of items in the row.

Best Regards

I won’t add too many items, now is enough. Could you suggest me some css codes?

Hello,

This is the carousel and it is not possible to reduce the gap by reducing the padding: https://gyazo.com/32bf10d73b840799a9c40a4b6b1bb759

As a way-out, you can insert the carousel in a narrow column and the gap would be reduced.

Best Regards

[Author]

Posts