Jump to content


This topic is now archived and is closed to further replies.

Lisa Haran

remove all padding from site

Recommended Posts

Lisa Haran

hi there,

my demo site is here 


I want to work with boxes but find there is so much padding around the multiple divs there are nested in, so it's proving very hard to remove all padding between ibox, and column which is what I am trying to do via custom code.

This has removed some padding but not all.

ibox .ibox-media .ibox-icon-border {
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;

#site .ibox-media {
max-width: 100%;height: auto;padding:0px;margin:0px;

#site .pl-section-pad {padding:0px; margin:0px;}

.ibox.top-aligned .ibox-media{padding:0px; margin:0px;}

.ibox.top-aligned .ibox-media{padding:0px; margin:0px;}

.ibox-text{display:none;padding:0px; margin:0px;}

Is there a way to remove all padding from my site and just add it in where I want too.

Or is there another method to put images side by side other than iboxs?




Share this post

Link to post
Share on other sites

Hi Lisa,

There is no option to remove all padding from your site. Therefore, if you want to remove padding, you're going to need to either remove all padding from each of the sections you had to your site/pages via CSS.

If you want to add images side by side, then why not use a TextBox or MediaBox?

Please search our forums, before posting!

Share this post

Link to post
Share on other sites