Title: Custom option button CSS
Last modified: August 21, 2020

---

# Custom option button CSS

 *  Resolved [emyabdel](https://wordpress.org/support/users/emyabdel/)
 * (@emyabdel)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/)
 * 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:
 * > [View post on imgur.com](https://imgur.com/rQtDbT4)
 * I want them to look like that:
 * > [View post on imgur.com](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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-option-button-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Dafne Delgado](https://wordpress.org/support/users/ddm333/)
 * (@ddm333)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13295935)
 * 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](https://wordpress.org/support/users/emyabdel/)
 * (@emyabdel)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13297588)
 * 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](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](https://wordpress.org/support/users/ddm333/)
 * (@ddm333)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13298313)
 * You can add a
    min-width: 220px;
 *  Thread Starter [emyabdel](https://wordpress.org/support/users/emyabdel/)
 * (@emyabdel)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13298471)
 * 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](https://wordpress.org/support/users/ddm333/)
 * (@ddm333)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13298585)
 * Check here [https://www.w3schools.com/cssref/css3_pr_mediaquery.asp](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 5 years, 9 months ago by [Dafne Delgado](https://wordpress.org/support/users/ddm333/).
 *  Thread Starter [emyabdel](https://wordpress.org/support/users/emyabdel/)
 * (@emyabdel)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13301741)
 * Thanks for the link and I found how to make the spacing. Thanks so much for your
   help I appreciate.
 *  [Dafne Delgado](https://wordpress.org/support/users/ddm333/)
 * (@ddm333)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13302598)
 * That’s awesome

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

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

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [class](https://wordpress.org/support/topic-tag/class/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Easy Digital Download](https://wordpress.org/support/topic-tag/easy-digital-download/)
 * [option](https://wordpress.org/support/topic-tag/option/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 2 participants
 * Last reply from: [Dafne Delgado](https://wordpress.org/support/users/ddm333/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/custom-option-button-css/#post-13302598)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics