Log in SwiftGrid →
Resolved

Full width ultra theme

Ultra Theme started by petejos80 Oct 28, 2016 5 replies
petejos80 Oct 28, 2016 · 7:39 pm #5437

Hi,

I am trying to get my rows to stretch to the very edges of the page, but it seems impossible. I would like for the content stretch to be exactly like the purothemes.com homepage. I am using Ultra Theme. Thanks, Joe

Andrew Misplon Puro Oct 28, 2016 · 7:45 pm #5438

Hi Joe

If you’re using Page Builder, click the wrench icon on the far right of each row and then click Edit Row > Row Layout > Full Width Stretched.

petejos80 Oct 28, 2016 · 8:15 pm #5439

Andrew,

Thank you for your quick reply. Is there a way to do this with BeaverBuilder?

Thanks,
Joe

Andrew Misplon Puro Oct 28, 2016 · 8:22 pm #5440

Sure.

I, unfortunately, haven’t spent much time working with Beaver Builder. Page Builder by SiteOrigin uses JavaScript and negative margins for full-width stretched rows. The advantage of this is that it works with any theme. It seems Beaver doesn’t offer this and needs a little extra work from the theme:

https://www.wpbeaverbuilder.com/knowledge-base/full-width-rows/

If you have a Custom CSS plugin like Simple Custom CSS installed, you can try the following at Appearance > Custom CSS:

/* Ultra Beaver Site Content */
.fl-builder .site-content .container {
    max-width: none;
}

Untested. Let me know.

petejos80 Oct 29, 2016 · 1:07 am #5441

Works Great! Thank you!!

Andrew Misplon Puro Oct 29, 2016 · 1:03 pm #5443

Super, glad to hear that did the trick.

6 posts