I am trying to remove the padding/margins from a few elements while using a child theme and custom css box, but I cannot get it to work:
Basically, I’m trying to remove the left and right padding/margins so that the logo/nav/etc all adjusts to be flush to the edges of the site.
In my live tester, these values work, but refuse to apply when I use them in the Custom CSS Box. Can you advise? This isn’t the first item that has been stubborn.
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .col2-set .col-1, .col2-set .col-2, .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-25, .col-md-25, .col-sm-25, .col-xm-25
{
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px;
}
.boxed .contentclass, .boxed .headerclass, .boxed .footerclass, .boxed .navcontainer, .boxed .featclass {
margin-left: 0px;
margin-right: 0px;
}