Background Image - Scroll with Text

Hello,

I’m just trying to figure out how to make my background image (of the row) scroll with the text, rather it being fixed and the text scrolling over the entire thing.

I’ve tried Parallex, although it enhances/zooms in on the picture a lot more than the original at “Fixed” or “Centre”, not allowing you to actually see the background picture.

Is there a certain size the image needs to be, in order Parallex to work? Or how do I go about this, to get the background image a proper size and to scroll with the text?

My website is also linked below:
www.focussellingsystems.com

Appreciate any guidance on this.

Thanks!

Hello @mac204,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

.panel-grid .panel-row-style {
    background-attachment: scroll !important;
    background-position: center !important;
    background-size: cover !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Perfect! It works. The help was much appreciated.

1 Like