Full-Width Rows on Third-Party Themes

A full-width row spans the entire width of the page from edge to edge.

If you use a third party theme, you may need to add some additional CSS to get your rows to be full width. Here’s something you can try.

First, find the ID or class name of your theme’s content wrapper. If you look at the HTML source for a page, the content wrapper is usually a <div> tag that occurs after the header block, and it often uses an ID or class with the selector content, for example:

<div id="content" class="site-content"><br>

Next, write a rule for the class fl-builder with that content wrapper ID or class inside it. If id="content" is the selector for your content wrapper, then the rule would look like this:

.fl-builder #content { 
    width: auto; 

If you cannot get this rule to work, please  contact Support for help.


Last updated on Dec 12, 2016