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;}