Hey, try this code and tell me what you think
div#edd-payment-mode-wrap label {
padding: 20px 70px;
border: 1px solid #e0e0e0;
background-color: #f9f9f9;
box-shadow: 3px 3px 5px #efefef;
}
Thanks so much, it looks perfect on desktop keep it like it is but it needs some adjustments on mobile, this is how it looks on mobile:
View post on imgur.com
For mobile, the g2a Pay needs to be the same size as Paypal and I need to have a small spacing between the 2 buttons.
You can add a
min-width: 220px;
Yes, this CSS fixed that for mobile, the g2a pay button is now the same size as the Paypal button.
I still need just the CSS to add a small horizontal spacing between the g2a pay button & the Paypal button for mobile. (they look like they are attached now)
Thanks a lot
Check here https://www.w3schools.com/cssref/css3_pr_mediaquery.asp you have to learn some CSS friend, those are media queries. It will help you a lot!
Thanks for the link and I found how to make the spacing. Thanks so much for your help I appreciate.