Return to previous page

How can I target the OR element with css for z index?

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago ago by ziga32

ziga32

Participant

May 17, 2022 at 13:53

https://nova.komponentko.si/racunalniki/hyper-beast-ultra-gaming-pc-rtx-3070-8gb-ryzen-5-5600x-16gb/

When on product page, and I hover the LEANPAY button, the popup look like this.
https://i.imgur.com/6sqbmZD.png

Si I fixed it with this css
https://i.imgur.com/JL8rzrG.png

Now it’s (almost) ok.
https://i.imgur.com/LWa5H5g.png

I can’t get rid of the OR (ali) element.

It tried
.et-or-wrapper {
z-index: -1 !important;
}
but does not seem to be working. How can I target it?

#324078 Copied Theme version: 8.1.1 WooCommerce version: 6.3.1

3 Answers

ziga32

Participant

May 17, 2022 at 13:56

Actually even my first code is not ok, cause z-index: -1 makes the buttons unclickable 🙁

#324079 Copied

Olga Barlow

Support staff

May 17, 2022 at 14:55

Hello,

Transform scale styles cause the issue https://gyazo.com/4e2d7879aedfe96d3dec551dc5019c34
Remove margin-left, remove transform: scale(1.2) !important; and use zoom rule instead if you want to enlarge the content.

Regards

#324086 Copied

ziga32

Participant

May 17, 2022 at 15:28

wow, great! thank you!

#324089 Copied
Tagged: or element, targeting, themes, woocommerce, wordpress, z-index
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How can I target the OR element with css for z index?’' has been successfully resolved, and the topic is now closed for further responses

How can I target the OR element with css for z index?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection