Graphics in between two sections

Support
#1

hi
I am trying to have a graphic overlap between two sections. I used a negative margin before for this effect but not working on V2.
THANKS

#2

Hello @flashfog,

Thanks for asking. :slight_smile:

Please try adding the image in Background Layer by clicking on the advance checkbox under section/column setup panel. https://screencast.com/t/CsnmKL845j

In the same panel you will see option for background Size & Position. To learn more and make changes please refer following tutorials:

https://www.w3schools.com/cssref/css3_pr_background-size.asp
https://www.w3schools.com/cssref/pr_background-position.asp

Let us know how it goes.

Thanks.

1 Like
#3

worked great. THANKS!
where can i find an explanation of the new lower vs upper layers functionality, and examples of what they can help me build?

#4

Hi There,

That can be really useful, for example, if you have a nice lower background image and you want to use a white text, you can add an upper layer of transparent dark color so your text will be really easy to read.

Or you can imagine the combination of two vector image layers, let’s say a rainy day, on this rainy day you can add a top layer transparent layer with rain-drops with parallax which will give an interesting effect while scrolling.

Hope this help you understand a few possibilities.

Cheers

#5

really cool! I hope we start a new topic “Showcasing use of lower and upper layers”
thanks

#6

You are welcome :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.