Support » Fixing WordPress » Custom option button CSS

  • Resolved emyabdel

    (@emyabdel)


    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)
  • 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)

    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.

    You can add a
    min-width: 220px;

    Thread Starter emyabdel

    (@emyabdel)

    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!

    Thread Starter emyabdel

    (@emyabdel)

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

    That’s awesome

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom option button CSS’ is closed to new replies.