Background layer to front

Support
#1

Is it possible to bring the background layer to the front?
This background image is in a Column that we wish to bring to the front.

#2

Hi,

Try adding the code below in your column Element’s CSS

$el {
  top:-100px;
  min-height:300px;    
}

You may change the numbers to adjust.

Hope that helps

#3

Not Quite

This just lifts the image, It doesnt bring it to the foreground.
When i dont specify the background it lifts the whole column.

I am trying to bring the image to the very front. (something like this)

#4

Hi,

Try to increase the z-indx of your column.

If that doesn’t please provide us the exact url of the page where we can see your image.

Thanks

#5

Yes, have already done that to im afraid.
(Did that in the original)

#6

Hi,

In that case, please provide us your site url so we can take a closer look.

Thanks

#7

No Worries, here is my test site
Section 4

#8

Thanks for providing the credentials. I’ve removed the suggestions given previously as they don’t work. Here’s the correct setup: https://youtu.be/TviPASOSB2U.

The code used in the screencast is this. The height and top value of the lower image would differ if you change the image.

.x-bg {
  overflow: visible;
}
.x-bg-layer-lower-image {
  height:115%;
  top:-15%;
}

Please just note that this is only a guide to give you an idea on how to achieve the setup. Fixing issues that arise from the use of custom code and further enhancements of it are beyond the scope of our support.

Hope that helps.

#9

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