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

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

python - How do I create a list index that loops through integers in another list -

c# - “System.Security.Cryptography.CryptographicException: Keyset does not exist” when reading private key from remote machine -