Title: Full-width Rows Affecting Margin & Spacing
Last modified: March 22, 2018

---

# Full-width Rows Affecting Margin & Spacing

 *  [mildhabanero](https://wordpress.org/support/users/mildhabanero/)
 * (@mildhabanero)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-affecting-margin-spacing/)
 * Hello Community!
 * Theme: [i-Amaze](http://templatesnext.in/i-amaze/front-page/) (Live demo)
 * Initially, my rows were set to full-width in Beaver Builder options, but looked
   cut off (due to using BB with a 3rd party theme); so to compensate, I wrote a
   bit of extra code with the help of BB’s knowledge base to make the rows full-
   width:
 * > `.fl-builder #main {
   >  padding: 0 !important; margin: 0 !important; max-width:
   > none; width: auto !important; }
   > body .content-area {
   >  padding: 0; }`
 * The code above only works when applied globally; it doesn’t work when applied
   to a single page.
    Now, the good news is the row’s content stays fixed while 
   the background extends from edge to edge, but the bad news is the margins and
   spacing on the other pages are all dispositioned ([Reference](http://www.svsta.org/team/)).
   As one can see, the header and footer is cut off. The margins and padding are
   are set to zero, so no doubt this is another CSS issue.
 * I started CSS 1A at my community college this quarter, so needless to say, I’m
   still a newbie. If anybody could point me in the right direction and assist me
   in reaching a solution, I would really appreciate it.
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-rows-affecting-margin-spacing%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-affecting-margin-spacing/#post-10109977)
 * Hey [@mildhabanero](https://wordpress.org/support/users/mildhabanero/),
 * Thanks for posting!
 * Did you want the above CSS to work on a per page basis? You can use the layout
   CSS/JS section that our page builder offers. Any CSS/JS code placed there gets
   applied to the page alone. It’s under **Tools > Layout CSS/JS > CSS**.
 * Does that answer your question? Or am I missing something? 🙂
 * Ben

Viewing 1 replies (of 1 total)

The topic ‘Full-width Rows Affecting Margin & Spacing’ is closed to new replies.

 * ![](https://ps.w.org/beaver-builder-lite-version/assets/icon-256x256.png?rev=
   2361183)
 * [Beaver Builder Page Builder - Drag and Drop Website Builder](https://wordpress.org/plugins/beaver-builder-lite-version/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/beaver-builder-lite-version/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/beaver-builder-lite-version/)
 * [Active Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/beaver-builder-lite-version/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [full](https://wordpress.org/support/topic-tag/full/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)
 * [rows](https://wordpress.org/support/topic-tag/rows/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 1 reply
 * 2 participants
 * Last reply from: [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-affecting-margin-spacing/#post-10109977)
 * Status: not resolved