Adjust css Z-Index Paypal window under text 
Autor: Peter H.
Visitado 69,
Seguidores 1,
Compartilhado 0
Hi everyone wondering if you may be able to help.
The picture is the paypal payment popup generated by my booking system plugin from php jabbers. The issue is according to Google is:
1. Adjust CSS Z-Index (Best Solution)You need to make sure the PayPal iframe has a higher stacking order (z-index) than your page elements.
- Inspect the Element: Right-click the PayPal button and select "Inspect" in your browser (Chrome/Firefox). Look for the ID of the div containing the iframe (e.g., #zoid-paypal-button-1...).
- Apply CSS: Add the following to your custom CSS file:
I have been looking at this all day and for the life of me i cant find the Z-index. If any of you very clever bods could take a look it would be amazing.
Website Link hypnotherapy1964.co.uk
In advance Thank you.
Publicado em
According to the source code, the PayPal popup has a z-index of 1040.
In a test, the Paypal popup is too short, so I can't see if the bottom text is placed above the PayPal popup.
Autor
Hi Daniel
Any chance of explaining your comment a little better, I may be able to give more information then. Thank you for taking time to comment.
I now tried a different payment method and could see the coverage in the browser.
Then I set the z-index to 1 using the Firefox web developer tool and the problem was solved, see screenshot below
Small instructions:
Under "3 Sitemap" and mark "Online shop:Shopping cart and checkout" at the bottom of the special pages, click on "Properties" at the top and click on the "Expert" tab.
Then paste the CSS code at:
Custom Code:
Before the closing </HEAD> tag
<style>
#imCell_146 { z-index: 1; }
</style>
Since I cannot test the code, I cannot say whether any adjustments or additions may be necessary.
----- Screenshot -----
I used this information in the tests:
Name: test user
Telephone: 0123456789
Email address: test @ example.org
Delete this test customer so that no dates are blocked.