Howto: set the height of a row with an image as background

Beaver Builder
1

Hi,

I’m figuring out how to create a row with a certain height (e.g. 400px) and then have an image as a background. I wonder if this is possible. I couldn’t find a setting for it and searching the knowledge base and forum didn’t get me any further.

Of course you can have an image as a background, but the height depends on the contents of the row.

Help would be appreciated.

Jan

2

Hey Jan,

Welcome to the BB forums! :slight_smile:

The easiest way to achieve this will be to add padding to your content, both top and bottom. Another way to achieve this is via custom CSS. You can add a class to your row under Advanced and then set the height, e.g., if the class you’ve placed is fixed-height, your CSS should look like this.

.fixed-height .fl-row-content-wrap {
  height: 400px;
}

Let us know how it goes! :slight_smile:

Ben

3

Hi Ben,

Thanx for your reply. Great! This did the trick (Although I had to set the attachment to scroll before it worked correctly).

Wouldn’t it be nice to have this as a setting??

Jan

4

Hey Jan,

Yes, that is actually a feature request we plan on doing here in the near future. Stay tuned on that!

Best,
Billy

5

Hi Billy,

Nice to know that it is a feature request; I just voted with my remaining votes for this.

Jan