Custom option button CSS | WordPress.org

Resolved emyabdel
(@emyabdel)

2 years, 5 months ago

Hi, if you go to the link that I PROVIDED, click add to cart and go to the checkout page, you will find that the payment option buttons looks like this:
https://imgur.com/rQtDbT4

I want them to look like that:
https://imgur.com/Cv18Adu

so what’s the exact CSS & class to do that in my case.

Thanks

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

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

Dafne Delgado
(@ddm333)

2 years, 5 months ago

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;
}

Thread Starter emyabdel
(@emyabdel)

2 years, 5 months ago

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:
https://imgur.com/Zb6LACd

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.

Dafne Delgado
(@ddm333)

2 years, 5 months ago

You can add a
min-width: 220px;

Thread Starter emyabdel
(@emyabdel)

2 years, 5 months ago

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
Dafne Delgado
(@ddm333)

2 years, 5 months ago
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!
- This reply was modified 2 years, 5 months ago by Dafne Delgado.
Thread Starter emyabdel
(@emyabdel)

2 years, 5 months ago

Thanks for the link and I found how to make the spacing. Thanks so much for your help I appreciate.

Dafne Delgado
(@ddm333)

2 years, 5 months ago

That’s awesome

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

The topic ‘Custom option button CSS’ is closed to new replies.

In: Fixing WordPress
7 replies
2 participants
Last reply from: Dafne Delgado
Last activity: 2 years, 5 months ago
Status: resolved

Topic Tags

Views