Credit Card Icons not showing

  • Resolved RobWord

    (@robword)


    4 years, 8 months ago

    Hi
    After some time adding the form the way I require it. I noticed on the checkout page that the credit card label is floating away from the radio button. On closer inspection I thought it was because the Credit Card icons would appear underneath.
    The code shows that the icons are there, but not showing to the right:

    <div class="wc-braintree-card-icons-container">
	<img class="wc-braintree-card-icon open amex" src="https://robsnow.eu/wp-content/plugins/woo-payment-gateway/assets/img/payment-methods/open/amex.svg" scale="0">
<img class="wc-braintree-card-icon open discover" src="https://robsnow.eu/wp-content/plugins/woo-payment-gateway/assets/img/payment-methods/open/discover.svg" scale="0">
<img class="wc-braintree-card-icon open visa" src="https://robsnow.eu/wp-content/plugins/woo-payment-gateway/assets/img/payment-methods/open/visa.svg" scale="0">
<img class="wc-braintree-card-icon open master_card" src="https://robsnow.eu/wp-content/plugins/woo-payment-gateway/assets/img/payment-methods/open/master_card.svg" scale="0">
<img class="wc-braintree-card-icon open maestro" src="https://robsnow.eu/wp-content/plugins/woo-payment-gateway/assets/img/payment-methods/open/maestro.svg" scale="0"></div>

    Any help in this matter?
    I’m using the Release Candidate 3.0.0 in Sandbox mode

    Thanks

    Rob

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    4 years, 8 months ago

    Hello @robword,

    I tried to check your site but on the checkout page you don’t have the credit card gateway active.

    The reason you are probably seeing the credit card icons float is because the icon container wc-braintree-card-icons-container has a style of float right assigned so that the icons are always right aligned to the gateway text.

    If you don’t want that behavior then just add some css to your theme’s custom.css file. Or since you are using our custom template engine, just remove that container class name and add your own.

    Kind Regards,

    Thread Starter RobWord

    (@robword)

    4 years, 8 months ago

    Hi
    I disable it as it’s in SandBox mode and I don’t want people to try buying with credit card and not be able to.

    I will look at your suggestion, and get back to you.

    Thanks

    Thread Starter RobWord

    (@robword)

    4 years, 8 months ago

    Hi

    I removed the float: right; css and it did nothing to bring the credit cards back.
    Any other suggestions. The CC is active now.

    Rob

    Plugin Author Payment Plugins

    (@mrclayton)

    4 years, 8 months ago

    @robword,

    Your koncept theme is the issue. You have the following ccs:

    payment_methods img {
    display: none !important;
}
.krown-column-row.only-images img {
    width: 100% !important;
    position: static !important;
    height: auto !important;
}

    The card icons will naturally be hidden since they are img tags and you have img tags set to display none. You also need to remove the static positioning too.

    Anytime you use the important tag with CSS it’s going to override any css that our plugin is using because of priority.

    Thanks,

    Thread Starter RobWord

    (@robword)

    4 years, 8 months ago

    Thanks. That worked with some changes 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Credit Card Icons not showing’ is closed to new replies.