Question 165347 in Wordpress Question posted in
The official Wordpress documentation can be found here.

“Why isn’t the Z-index of an overlapping button in WordPress working?”

I am trying to design the first Book Now button of this page (https://www.bridgecitychrysler.com/book-service/) to overlap onto the white section below the hero image. Even though I have set the z-index incredibly high, it is not showing up in front of the section below.

If someone is able to figure this out just in the inspect tool, that would be great!

Thanks,

Tags:

3

Answers


  1. 0

    Looks like your .hero-widget css has overflow: hidden; set, disabling that seems to have made it visible!

    Login or Signup to reply.
  2. 0

    Try removing position:relative from your button class.
    This makes the button reappear, and then remove transform: translateX(-50%) from the a tag in the cta-container for proper alignment.

    Login or Signup to reply.
  3. 0

    Use pointer-events:none for these type of situation, when click events is not working for overlapped content, use pointer-events:none

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search