Title: Full width rows with X Theme
Last modified: August 31, 2016

---

# Full width rows with X Theme

 *  Resolved [David](https://wordpress.org/support/users/kazango/)
 * (@kazango)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/)
 * Hey Guys,
 * Any idea how to make the full width rows work with the “X” Theme by Themeco?
 * I’ve disabled their built-in Cornerstone plugin in favour of Beaver Builder as
   I like the simplicity Beaver Builder provides (and Cornerstone just seems buggy
   in its infancy), but the full screen row option doesn’t do anything in Beaver
   Builder.
 * I’ve tried your suggested fix from your knowledgebase ([https://www.wpbeaverbuilder.com/knowledge-base/full-width-rows/](https://www.wpbeaverbuilder.com/knowledge-base/full-width-rows/))
   and had no luck, I’ve also tried a lot of searching but since “X” & “Theme.co”
   aren’t easily searchable I turn up empty.
 * [https://wordpress.org/plugins/beaver-builder-lite-version/](https://wordpress.org/plugins/beaver-builder-lite-version/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284040)
 * Hey David,
 * Thanks for posting! Do you mind sharing the URL of the site you’re playing around
   with so we can take a look?
 * Ben
 *  Thread Starter [David](https://wordpress.org/support/users/kazango/)
 * (@kazango)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284054)
 * Sure, it’s [http://imjamie.co.uk/](http://imjamie.co.uk/)
 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284080)
 * Hey David,
 * Can you try adding the CSS snippet below and see if it’s what you’re looking 
   for?
 *     ```
       .fl-builder #top > .x-container {
         width: 100%;
         max-width: none;
         margin: 0px;
       }
       ```
   
 * You can add it under Tools > Global Settings > CSS when inside the page builder.
 * Let us know how it goes!
 * Ben
 *  Thread Starter [David](https://wordpress.org/support/users/kazango/)
 * (@kazango)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284090)
 * Hey Ben,
 * I’m afraid that’s not quite right. The customizer with X has an option to set
   the site max width container and site content width container (see #1 below),
   adding your CSS snippet renders those settings useless and still doesn’t make
   the full-width blocks fill to the content edges (see #2 below). To clarify, the
   site content is to the edges of the white block. If you look at the original (
   see #3 below) and a quick mockup I made (see #4 below) you should get an idea
   of how the theme works.
 * I understand I could just throw some negative margins in, but I don’t think that
   would be an all-round solution. If you’d like to take a closer look and have 
   a play with it yourself I can provide you with admin access.
 * #1: [http://imjamie.co.uk/x-beaver/x-customizer.jpg](http://imjamie.co.uk/x-beaver/x-customizer.jpg)
   #
   2: [http://imjamie.co.uk/x-beaver/x-snippet.jpg](http://imjamie.co.uk/x-beaver/x-snippet.jpg)#
   3: [http://imjamie.co.uk/x-beaver/x-current.jpg](http://imjamie.co.uk/x-beaver/x-current.jpg)#
   4: [http://imjamie.co.uk/x-beaver/x-mockup.jpg](http://imjamie.co.uk/x-beaver/x-mockup.jpg)
 * Based off what I’ve seen Beaver do I definitely plan on upgrading if it works
   properly with X. I appreciate the *free* support you’re providing with this version.
 * Thanks
 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284098)
 * Gotcha! I actually thought of giving you the CSS for #4, but I thought you wanted#
   1. 🙂
 * Try this instead.
 *     ```
       .x-main .entry-wrap {
         padding: 0px;
       }
       ```
   
 * Ben
 *  Thread Starter [David](https://wordpress.org/support/users/kazango/)
 * (@kazango)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284114)
 * I think that’s it. Thanks!
 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284127)
 * Awesome! And no worries at all, David. 🙂
 * Enjoy BB!
 * Ben

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Full width rows with X Theme’ 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/)

 * 7 replies
 * 2 participants
 * Last reply from: [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/full-width-rows-with-x-theme/#post-7284127)
 * Status: resolved