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

Popular posts from this blog

SVG stroke-linecap doesn't work for circles in Firefox? -

routes - Laravel 4 Wildcard Routing to Different Controllers -

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -