Home>Support>Image above two rows (overlaping)

Image above two rows (overlaping)

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 1 month ago Gnebo

    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. 5 years, 1 month ago Andrew Misplon Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More