Jump to content

Archived

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

Lisa Haran

remove padding from row

Recommended Posts

Lisa Haran

hi,

my page is online http://iloveoffset.flywheelsites.com/?page_id=2033

I am trying to achieve a box grid with NO padding so they all line up. So far I have managed to remove all the padding I require through custom CSS except for some padding that exists every-time I create 2 x 6/12 iboxes in one 6/12 column. 

Screengrab here, yellow blocks indicating the padding

ibox-padding.jpg

 

current custom css

@charset "UTF-8";
/* CSS Document */

section #iboxu8v5l12 .ibox-text {
    display:none;}


.mosaic-block {
    border: 0px solid #fff;
    float: left;
    min-height: 250px;
    overflow: hidden;
    position: relative;
   transition: all 0.2s ease-in-out 0s;
    width: 100%;
}


.row > [class*="span"], .row-fluid > [class*="span"], .editor-row > [class*="span"], .row-no-response > [class*="span"] {
   margin-bottom: 0px;
    margin-left: 0;
}

.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;
      padding:0px;
    margin:0px;
}

 

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

#site .ibox-media img {padding:0px;margin:0px;}

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

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


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

@font-face {
        font-family: "Quitador Pro";
        src: url('/font/854217530-QuitadorPro-Regular.eot');
        src: url('/font/854217530-QuitadorPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/854217530-QuitadorPro-Regular.svg#Quitador Pro') format('svg'),
        url('/font/854217530-QuitadorPro-Regular.woff') format('woff'),
        url('/font/854217530-QuitadorPro-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
@font-face {
        font-family: "Quitador Pro Bold";
        src: url('/font/89050293-QuitadorPro-Bold.eot');
        src: url('/font/89050293-QuitadorPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/89050293-QuitadorPro-Bold.svg#Quitador Pro') format('svg'),
        url('/font/89050293-QuitadorPro-Bold.woff') format('woff'),
        url('/font/89050293-QuitadorPro-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
body{
font-family: "Quitador Pro";
  font-size:18px;
  font-weight: 500;
  
    }
    
    
#site .pl-center-cell .metabar {
display: none;
background-color:f5f5f0;
}


    
h1 {
    font-family: "Quitador Pro";
    font-size:60px;
    color:#ffc000;
    line-height:110%;
    margin: 0px;
    padding: 0px; }
    

    

H3, H4, H5, H6{
    font-family: "Quitador Pro Bold";
    }
    
H2{
    font-family: "Quitador Pro";    font-size:40px;
  margin-top:0px;
    }

 

 

 

Share this post


Link to post
Share on other sites
Lisa Haran

I did see this class 

.row .span6, .row-fluid .span6, .editor-row .span6, .row-no-response .span6 {
    width: 48.9362%;
}

when I change this to 50% it works fine on a desktop, BUT on a mobile scale everything 50%

Share this post


Link to post
Share on other sites
Danny

HI,

Those boxes are not using a core DMS section, but using a third party one. Therefore, I have moved your topic to the correct forum location. Also, please be aware that we do not provide support to customisations such your request. If you're having issues in achieving a specific layout or style. I would recommend posting your topic on a CSS specific forum/StackOverFlow or contacting our helpdesk who can provide you with contact information to our trusted agencies and developers.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran

Hi Danny,

The same padding issue was happening when I was using iboxes so not just a third party issue.

 

Share this post


Link to post
Share on other sites
Gavin_

Hi 

Is this something that you still need help with?

Share this post


Link to post
Share on other sites

×