hello shopify community,
I've been trying to figure out how to disable the hover-over effect myself through previous posts, but no luck.
Hopefully someone in the community can help.
I'd like to disable the hover-over effect on my payment button. I use the Venture Theme.
Screenshot attached.
NORMAL :
WITH HOVER:
.shopify-payment-button {
@include flex(1);
.shopify-payment-button__button {
margin-top: 10px;
border-radius: 3px;
}
.shopify-payment-button__button--branded {
overflow: hidden;
min-height: 48px;
}
.shopify-payment-button__button--unbranded {
background-image:linear-gradient(90deg,#f72461,#c914ba)!important;
@extend .btn;
width: 100%;
margin-bottom: 10px;
&:hover {
background-color: $color-btn-secondary-accent-hover !important;
}
}
.shopify-payment-button__more-options {
margin: 16px 0 10px 0;
font-size: em($font-size-base - 2px);
color: $color-btn-secondary-accent;
text-decoration: underline;
&:hover {
color: $color-btn-secondary-accent-hover;
}
}
.product-form--payment-button & {
margin-bottom: 10px;
}
}
Gelöst! Zur Lösung
Hi @yasd
the easiest would probably be to just comment out the &:hover-blocks!
Mario
then this isn’t the complete source code. Possibly the theme also manipulates it using JS. Giving us the link to your page makes this easier to analyze.
my shopname
https://trendsonly247.myshopify.com/
passwort: asheon
i would be happy to find a solution
Thank you.
Hi @yasd,
your product page now looks like
Did you solve your problem or did you give up?
Regards
Thomas
Hi @yasd,
when I looked at some of your products it always looked like I reported above. Can you hint me to one of your products where I can see your problem?
Regards
Thomas
strange :\
Please look in this (Test)-Product Page
Its still looks like
Hi @yasd,
see below how I see your page. Really strange.
Regards
Thomas