Payment Page - by stnangel - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 7 years, 6 months ago ago by Eva Kemp

  • Avatar: stnangel
    stnangel
    Participant
    September 27, 2016 at 18:38

    Hello,

    I have added paypal and Moneris to the payment page however a few things don’t seem to look correct. layout on the checkout page is a little bit out of bounds and the radio boxes are not shown, at least on my system. See attached screen shot.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: stnangel
    stnangel
    Participant
    September 27, 2016 at 21:03

    I got all working except for the bullet point selector for Paypal and Moneris. It just does not appear. Please help.

    Avatar: Eva
    Eva Kemp
    Support staff
    September 28, 2016 at 08:28

    Hello,

    Add this code in your child style.css or in Global Custom CSS section:

    .payment_methods input[type="radio"]:checked {
        background-image: url(https://testing.lyranara.com/wp-content/themes/royal/images/radio-icon-check.png);
        display: inline !important;
    }

    Regards,
    Eva Kemp.

    Avatar: stnangel
    stnangel
    Participant
    September 28, 2016 at 15:33

    Please see private content

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 28, 2016 at 15:55

    Hello,

    I’ve changed the code in Global Custom CSS section. Please check now.

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 28, 2016 at 16:00

    Hello,

    I’ve added this code in Global Custom CSS. Please check.

    .payment_methods input[type="radio"]{
        background-image: url(http://testing.lyranara.com/wp-content/themes/royal/images/radio-icon.png);
        top: auto !important;
    }
    .payment_methods input[type="radio"]:checked {
        background-image: url(http://testing.lyranara.com/wp-content/themes/royal/images/radio-icon-check.png);
        top: auto !important;
    }

    Regards,
    Robert Hall

    Avatar: stnangel
    stnangel
    Participant
    September 28, 2016 at 17:13

    Hi,

    Can you check again – it was showing a minute ago but after I updated the CSS it stopped working.

    Avatar: Eva
    Eva Kemp
    Support staff
    September 28, 2016 at 17:23

    Hello,

    It’s fixed now. Clear browser cache and check.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.