This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How do I create a fixed image background for single row?

Open 4 replies pluginplugin-page-buildertechnical
David Key
5 years ago · Last reply by Andrew Misplon 5 years ago

I want to have a fixed image on a section of my site. No text on top. I want the page to scroll over the image, without it moving.

I have tried numerous things but just can’t find a way to make it work. The only way I’ve found is to:

1/. Create a row;
2/. Add a text widget;
3/. Place the image as a row background, fixed;
4/. Type repeated returns into the text box until enough of the background image is visible.

This seems like a crazy thing to have to do, without guaranteed results on all bowsers and devices.

I can’t see any widgets that let me simply place a fixed image, without overlaid text (or empty returns).

Can anyone help?

Thank you!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 5 years, 6 months ago

    Hi David

    One option is to remove the Text widget. Next, edit the row, open the Attributes section and in the CSS declarations field insert a min-height:

    min-height: 480px

    Does that help? If so, it’s a low overhead solution.

  2. Andrew Misplon Staff 5 years, 6 months ago

    You could also use the SiteOrigin Hero widget which has a Fixed background option and a height setting.

  3. David Key 5 years, 6 months ago

    Awesome! Thank you Andrew – both options work!

  4. Andrew Misplon Staff 5 years, 6 months ago

    Super, thanks for the update, I’m glad to hear you’re making progress.

    Cheers for now :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread