Return to previous page

Credit Card icons do not appear on check out in Mozilla/Safari

This topic has 2 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Olga Barlow

  • Avatar: etinteractive
    etinteractive
    Participant
    May 5, 2017 at 15:08

    If you go to Checkout page and have credit cards icon display next to payment methods.

    The icons only appear on Chrome.
    There is a CSS bug in your theme stopping Icons from appearing.

    Chrome Display – Checkout
    http://prntscr.com/f4g45l

    FF/Safari – Checkout
    http://i.imgur.com/UBdT2TJ.png

    Same exact site, but as you can see only 1 icon appears on FF/Safari.

    This CSS is causing the issue and needs to be removed.

    payment_methods label img {
width: auto;
margin: 0 6px;
position: relative;
top: -4px;
/* max-width: 66px; */
<strong>max-width: -moz-max-content;</strong>
    #162309 Copied
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 8, 2017 at 12:28

    Hello,

    You are using third-party plugin to add one more icon and it makes some CSS issues. Add the following code in custom CSS to fix the problem on your site

    .payment_methods label img{
max-width: 150px !important;
}

    Regards

    #162513 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme

See All Templates

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