Ultimatum - 100% row issue

Beaver Builder
1

Hi guys,

Loving BB so far, but have come across my first hurdle this morning on this site:
http://roar-dev.burntwoodwebdesign.co.uk/

As you can see it has a fixed background image - but what I would like to achieve is this:
http://roar-rocks.co.uk

You can see that the main content has an almost white background, but shows the image background slightly when you scroll.

To achieve full-width in BB I am having to use a full-width layout, so if I change it to a white-ish background with opacity at 95% it affects the entire row and not the ‘container’ that is setting the 960px width.

Is there are way to achieve this easily?

If you notice, there is also a slight gap around the edge of the ‘100% width’ which you can see around the header.

Maybe it would be worth speaking to the Ult developers to ensure full compatability as normally when using another builder (no names here!) if I select full-width in their plugin it gives me full-width, despite the Ult layout being set to the template-standard 960px.

Any help here would be really appreciated.

Many thanks,
Mark

2

Hey Mark,

Welcome to the BB forums! :slight_smile:

You should be able to set the content rows to fixed width and apply a white background with reduced opacity. That should fix the first issue you posted above.

For the small gap, this is caused by how your theme is applying margin to the body. Using the CSS snippet below should override that.

html body {
  margin: 0px !important;
}

Let us know how it goes!

Ben

3

Thanks Ben - you’re a start - perfect.

I have another question though about nesting layouts.

I want to replicate the layout on roar-rocks.co.uk/media and wondered if BB allowed nested layouts?

Again, any help would be really welcome as I’m looking to start using BB as my go-to page designer.

Thanks,
Mark

4

Hey Mark,

No worries! Not really sure what part of that page you’re having problems with? And what you meant with nested layouts? Could you elaborate?

Ben