How to fix z-index

  • Hi,
    I’ve added a donation form to my website which I tried to style using custom CSS. However, it seems I’m not able to edit the z-index of the element (.preview-card), which is currently set to 10000!important by default, so it’s overlapping my main menu and modals.

    It doesn’t seem to have any effect when I change it to -1!important or 0!important in my custom CSS.

    Any ideas?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • .widget_block .style-container-shortcode .donate-window-modal {
    z-index: 2 !important;
    }

    Try making your CSS real specific.

    Thread Starter chloeponee

    (@chloeponee)

    That worked, thank you! ??

    Thread Starter chloeponee

    (@chloeponee)

    I have the same issue now with targeting the border of the input fields. I tried the following two selectors:

    #firstname-pw6qk{}

    And

    .widget_block .style-container-shortcode input[type=text]{}

    However they both don’t work. Any idea what else I could target? I’m still a beginner ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to fix z-index’ is closed to new replies.