Slider z-index

Lenie Vd Gijp Barendregt

• February 25, 2025 10:04

Hi there,

Can you please help me with a slider issue?

I have an overlapping block, but when I make this block a slider it does not overlap the pevious block anymore. I tried changing the z-index but this does not help.

Normal block:

When making it a slider:

 

Thanks in advance!

0

• 

  Ariel H.

  • February 25, 2025 10:48

  Hi Lenie,

  Thank you for contacting us.

  Could you please share the URL where the issue occurs so we can inspect it and better understand the problem?

  Best regards,
  Ariel H.

  0
• 

  Lenie Vd Gijp Barendregt

  • February 25, 2025 12:25

  Hi Ariel,

  Here you can see the pink block when overlapping:

  https://sleepy-keldysh.37-46-140-16.plesk.page/team2/

  And this is what happens when making it a slider:

  https://sleepy-keldysh.37-46-140-16.plesk.page/team/

  But I would like to keep the slider pink block looking like the normal pink block, overlapping the black block above and the white block below.

  Thanks! Best regards,

  Lenie

  0
• 

  Ariel H.

  • February 25, 2025 12:56

  Hi Lenie,

  Thank you for the update.

  I created a similar layout in my test environment, but I wasn’t able to replicate the issue. Could you try disabling all other third-party plugins to see if that helps? Also, switching to a different theme might help identify if the issue is theme-related.

  If the issue continues, could you please provide temporary access to your WP Admin so we can take a closer look at your site? Kindly add us as an Admin user in your WordPress Dashboard and send the details to communitysupport@brizy.io:  

  Community Post link: https://support.brizy.io/hc/en-us/community/posts/24904890257170
  WordPress Admin URL:
  Username:
  Password:

  Best regards,
  Ariel H.

  0
• 

  Lenie Vd Gijp Barendregt

  • February 27, 2025 08:12

  Hi Ariel,

  Have you gotten a change to take a look?

  I've emailed you the login info.

  Thanks!

  Best regards,

  Lenie

  0
• 

  Ariel H.

  • February 27, 2025 09:00

  Hi Lenie,

  Thank you for your cooperation. 

  It looks like the negative margin was applied to the column. To achieve the desired layout, please apply the negative top margin to the entire block instead.

  I've created an example for you here: https://youtu.be/PcT5UXdHo6E

  If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0
• 

  Lenie Vd Gijp Barendregt

  • February 27, 2025 09:54

  Hi Ariel,

  Thanks for the video, that looks great,

  The pink block is now in front of the black block.

  However, I can not get the corners to be round now, see Team – De Fyzieo

  Can you maybe save your block on the new test page? It was empty when I took a look.

   

  Thank you so much!

   

  Best regards,

  Lenie

  0
• 

  Ariel H.

  • February 27, 2025 10:05

  Hi Lenie,  

  You can fix this by adding some padding to the top and bottom of the block, as shown in this screencast: https://youtu.be/t8-fuovSZpI  

  I've already applied the changes to the page.  

  If you have any other questions, feel free to reach out.  

  Best regards,  
  Ariel H.

  0

Please sign in to leave a comment.