Tagged: box, color section, overlap
I wanted to have an orange box overlap in between the fullslider in the top and the color section below, so i did another color section with -15% margin in the top and -85% in the bottom so it squeezes itself in between. It displays just fine but the button cant be clicked :(
I am thinking maybe my method is bad? how to fix so the button is clickable?
Hey sitemonkey,
I’m not sure I understand exactly what you have done there, could you post login details in private so that we can have a closer look please?
Best regards,
Rikard
Hi,
Sorry for the late reply and thank you for the login. The reason the button in the orange box can’t be clicked is because the color section below is on top of it. But we can adjust this with a z-index rule, I first enabled custom classes for your elements in the theme options and gave them custom classes.
Then I added this css to your Quick CSS:
.below-section {
z-index: 0;
position: relative;
}
.orange-box {
z-index: 50;
position: relative;
}
Now your button is clickable, please clear your browser cache and check.
Best regards,
Mike