Credit card icons now align vertically

  • Hi,

    I’ve made a few updates with stripe payments methods and my credit card buttons now align vertically instead of horizontally (in the checkout page).

    I searched but could not find a direct solution that works for my site.

    Any tips or css code I can add to make the card icons display horizontally again ?

    thanks

    Christian

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Christian Bulota

    (@kitebud)

    I played around and managed to solve my problem with this code:

    #add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
    width: 100%;
    }

    Is this a correct fix ?

    Plugin Support Shohan Hossain Nabil – a11n

    (@sohanhossain)

    Hello @kitebud,

    The code looks good but, I suggest you add an extra class .woocommerce-checkout-payment just to make sure the changes only apply to the WooCommerce checkout section.

    Here is the improved version:

    
.woocommerce-checkout-payment #add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
width: 100%;
}

    Also, I’m going to mark this as resolved – Feel free to open a new ticket if you need further assistance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Credit card icons now align vertically’ is closed to new replies.