CODEWITHSUNDEEP
csszurb-foundationpaddingspacing
Thyoity
Thyoity

Reputation: 191

Zurb foundation remove left padding from right div

I'm not using SASS, I'm using CSS. How can I remove the left padding from the right div? I want to remove the left padding only for when it's showing the large size column, if its size is smaller than the large size, I want it to stay using the left-padding (for mobile purposes).

example http://nsae01.casimages.net/img/2014/02/28/140228050513402376.jpg

Upvotes: 0

Views: 4940

Answers (3)

Defrag
Defrag

Reputation: 146

.row.collapse makes margin equal to 0 not padding

Upvotes: 0

Niloct
Niloct

Reputation: 10015

What if you set a class for all sibling containers (i.e. columns) and set:

DIV.myColumnClass:first-child {
    padding: 0px 20px; /* left and right padding */
}

DIV.myColumnClass {
    padding: 0px 20px 0px 0px; /* right padding */
} 

DIV.myColumnClass:last-child {
    padding: 0px;
}

It's somewhat different: the first column will have left and right padding, the other columns just the right one, the last one no left or right padding.

Upvotes: 1

user2832344
user2832344

Reputation: 264

Have you tried .row.collapse?

Upvotes: 4

Related Questions