Parallax Image too Large

Beaver Builder
1

Hi,

I am using the BB theme and I see there has been a discussion on the parallax image being too large. Has this been solved yet please ? I will put the url to my page which has this problem in the private reply below.

Many thanks

Stephen

2

[Content Hidden]

3

Hey Stephen,

We currently don’t have any bug reports on file for the Parallax function so there will be no fixes made. Can you place an extra class on that row, e.g., reduce-parallax-img, add the CSS snippet below and see if it’s what you’re after?

.reduce-parallax-img .fl-row-content-wrap {
  background-size: 80%;
}

Ben

4

Many thanks Ben for the useful snippet.

Best wishes,

Stephen

5

Sorry Ben - back again - almost there. I used 95% and as you can see it now creeps in at the end and is not full width.

Is is possible to reduce just the width slightly whilst still having it full width. The module is configured for full width.

many thanks for the help

Stephen

6

Ah! I can see what you’re trying to do now. Try this.

.reduce-parallax-img .fl-row-content-wrap {
  background-size: 100% 90%;
}

You’ll want to play around with the second value since that controls the height! :slight_smile:

Ben