Image to dip into another row/section

Support
#1

I’m trying to achieve the attached look, where a transparent .png “dips” over the into the next section. What’s the best way to go about it?

Issues with image shadow and section separators
Issues with image shadow and section separators
#2

Hello There,

Thanks for writing in! You can do this by setting up those texts and image in their respective columns first. And then in the second section, you can insert a negative top margin so that the section will push upwards. Set a z-index for each section for example the 1st section will have a z-index of 10 and the 2nd section will have 9 so that the image will set on top of the second section.

Hope this helps.

#3

How can I get the image ABOVE the section separator effect? See attached.

#4

Hello There,

Thanks for updating in! Please edit the page back in Cornerstone and click the image element if you are using one for the tractor image and make sure that the z-index is higher. I wish to check your page. Would you mind sending us the url so that we can take a closer look?

Meanwhile, you might need to add a custom css and adjust the z-index of the separator. You can make use of this:

.x-section-separator {
    z-index: 0;
}

Please let us know how it goes.

#5

It didn’t work. I added the admin login details to the secure note. Can you see if you can fix it.

Thanks,

Mike

#6

Hey Mike,

Please have the code updated and use this:

.x-section-separator,
.x-separator-top-angle-out {
    z-index: 0;
}

Please let us know how it goes.

#7

Worked like a charm!

#8

Next question. I have an Essential Grid on the homepage that pulls in a Facebook Stream. However, the posts with videos display nothing in the grid except black. I think I have all the correct sourced checked off. Can you see what I’m doing wrong?

#9

Hello There,

Thanks for updating in! It;s good to know that the previous response helped you. Regarding the Essential Grid, it is working perfectly. It does not display anything when your Facebook post is a video because the skin that you are using is trying to get a feature image. Please make sure that you have included the video as well.

Hope this helps.

#10

I have those options checked. See attached video. Also, The page navigation buttons on the bottom of the girl are not clickable, on desktop or mobile.

#11

Hi there,

Those options are for Vimeo, HMTL5, and Youtube Video it maybe not for facebook video. But I’m not sure, could you try providing the latest login credentials? I can’t get in with your provided credentials.

Thanks!