Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
henningbra opened this issue May 28, 2024 · 2 comments

Comments

@henningbra
Copy link

henningbra commented May 28, 2024

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
Copy link
Collaborator

iverok commented May 28, 2024

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
Copy link
Author

Works! No further comments :-)

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants