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.

Image above two rows (overlaping)

Resolved 2 replies pluginplugin-page-builder
Gnebo
10 years ago · Last reply by Andrew Misplon 10 years ago

Hey there,

is there a way to have an image overlap two rows? I would like to add some butterflys and it should look like if they are flying from one row in the other.
I tried different things with adding a row inbetween and playing around with z-index, padding and margin but I couldn’t figure it out.

The other question is, can I add more options to the Background Image Display selector (e.g. top right), as I have to overwrite these setting with the CSS styles and an !important tag. It works, but the result is two background-positioning tags in the resulting html code.

Hope it is possible and not too hard. Thanks for your support.

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

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Gnebo 10 years, 5 months ago

    Hey,
    I could fix it by myself. If someone else is curious how it works:
    1. Add a new row with as many cells you need
    2. Add the Image Widget
    3. Add an image and deselct the Bound option
    4. Check the height of your image and substract the container from it. You can do this on the right side with CSS styles (e.g.

    margin-top: -50px; margin-bottom: -50px;
  2. Andrew Misplon Staff 10 years, 5 months ago

    Hi Gnebo

    Really glad to hear you made progress on this. Thanks for sharing your solution with everyone else. If anything else coms up, please, let me know :)

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