html - removing left/right padding on col-md-6 Bootstrap -
i have site utilizing bootstrap want override left , right padding on columns col-md-6 (set them 0px). not sure how it, current set ...
css
.fix-gutters > [class^="col-"], .fix-gutters > [class*=" col-"] { padding-right: 0px; padding-left: 0px; }
and applying
<div id="main" class="row fix-gutters"> .... <div class="col-md-6"> ... etc.
but col-md-6 gets replaced (wordpress loop) col-md-12 div , don't want .fix-gutters apply if that's case.
note: need override happen on same level col-md-6 command. example
<div class="col-md-6 overide-class">
this target them you: (will make change elements inside main
div)
#main > .col-md-6{padding-right: 0; padding-left: 0;}
Comments
Post a Comment