search

vippsas / vipps-woocommerce

Vipps for WooCommerce
Other
9 stars 5 forks source link

White Vipps image placed outside "Continue..." button and therefore rendered invisible #123

Open henningbra opened 5 months ago

henningbra commented 5 months ago

www.spraylakk.no

Vipps image placed outside red button, background is white so its rendered invisible as image demonstrate.

image 
<div class="continue-with-vipps-wrapper center-block cart">
                        <a href="javascript:login_with_vipps(&quot;woocommerce&quot;);" class="button vipps-orange vipps-button continue-with-vipps vipps-background" title="Fortsett med Vipps">Fortsett med <img width="1434" height="362" decoding="async" alt="Logg inn uten passord med Vipps" src="https://www.spraylakk.no/wp-content/plugins/login-with-vipps/img/vipps_logo_negativ_rgb_transparent.png">!</a>
                        </div>
iverok commented 5 months ago

This is actually from the "Log in with Vipps" plugin, not the Woocommerce gateway plugin, but try to add this to your sites css:

body .continue-with-vipps-wrapper a.button.continue-with-vipps img {
    max-width: 6rem;
}

-- we'll add something similar in the next release.

henningbra commented 5 months ago

Works! No further comments :-)

image