Greetings,
I am using Weaver Xtreme (3.1.4) and testing SO page builder because it is highly recommended.
I want to have a single background image, and then place/layer widgets on top of that image.
However, it seems that the image is a widget of its own, just as other items are widgets of there own, and there is no way to nest one widget inside another widget.
Is there a way to set a single background image, then layer other widgets on top?
The site I am testing on is:
http://mytestzone.derrallbellaire.info/test-170425/
I want to be able to layer the widgets that are currently above and below the image, on top of the image.
please advise,
Derrall
Hi Derrall,
You’re looking to set a row background image. Please open a row you wish to apply a background to by clicking the wrench icon above it. Head over to the row styles sidebar and open the Design Settings group. Set a Background Image and then set the desired Background Image Display setting.
I would recommend giving the Page Builder Geting Started Guide a read/watch.
Thanks Alex,
If the row can be made to be the full height of the screen, then yes, the instructions you gave may work,
then from there, how would I layer other rows on top of the full screen image?
In other words, what I want is a full screen image that I can then layer rows on top of.
hope that clarifies,
Hi Adaba063,
Add a layout builder to your row and you’ll be able to add additional rows inside of that row. To clarify, a layout builder is a page builder inside of a widget so you’ll be able to add rows within rows, columns within columns, etc.
If you would like to forcefully make this row the full height of the screen, please open the row by clicking the wrench icon and head over to the row styles sidebar. Open the Attribute settings group and set the CSS Styles field to:
How does that look? You may need to adjust it slightly to ensure it’s the full height – it depends on your setup.
got it,
there maybe some sort of conflict with my theme, Weaver-Xtreme,
but only in 1 of the page templates.
http://mytestzone.derrallbellaire.info/siteorigin-170503-blank/
the above was set to the “blank” page template,
when the page template was set to “raw”, the full page background image did not display
this is better than nothing, but will also explore with Weaver to find a solution from their side
all the best,
Derrall