search

milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
917 stars 196 forks source link

Padding in Foundation and Reverie #157

Open ghost opened 11 years ago

ghost commented 11 years ago

I am having problems figuring out how to adjust padding in Foundation and Reverie. I get that I should mostly be adjusting padding on elements that I put inside the grid, but there are cases where it makes sense. For example, I know that the default padding on a .row is 0.9375em. Which in many cases is fine. However, when I increase the height of the top-bar, it impinges on the content below.

The only way I have been able to fix this is adding padding to .row. However, this is not desirable, as it changes EVERY row and not just for the main content. Does anyone have any experience with this? I have tried using CSS to only select specific rows, but I have had no luck. Any ideas would be much appreciated.

wooki commented 11 years ago

I am having this problem as well. I specifically picked foundation as it mentions not having a default gutter size but now I am using it there seems to be this 0.9375em padding on all columns and changing it breaks the grid. anyone help?

ghost commented 11 years ago

Nobody can help here?

wltgreenwood commented 11 years ago

Just change the padding on the topbar or create a specific id or class that overrides row?

Input your own value:

.my-topbar{ padding-top: 0.9375em; }

Are you using the CSS or SASS version of Foundation? There are specific variables you can set in the SASS version.