abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Deactivate hover on my payment button

Gelöst
yasd
Tourist
10 0 4

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 :

yasd_1-1613288575184.png

WITH HOVER:

yasd_2-1613290121942.png

 

 

.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;
}
}

 

0 Likes
r8r
Shopify Expert
1084 115 346

Hi @yasd 

the easiest would probably be to just comment out the &:hover-blocks!

Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
yasd
Tourist
10 0 4

@r8r 

thx for your fast reply. 

Unfortunately it doesn't  work. I'm sorry.

Another Idea?

 

0 Likes
r8r
Shopify Expert
1084 115 346

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. 

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
yasd
Tourist
10 0 4

@r8r 

my shopname

https://trendsonly247.myshopify.com/

passwort: asheon

 

i would be happy to find a solution

Thank you. 

0 Likes

Hi @yasd,

your product page now looks like

Screenshot from 2021-02-15 09-33-22.png

Did you solve your problem or did you give up?

Regards
Thomas

• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.
0 Likes
yasd
Tourist
10 0 4

hi @tewe 

my product page looks still

yasd_0-1613379404546.png

I didn't solve my problem.

Do u have a idea?

 

0 Likes

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

• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.
0 Likes
yasd
Tourist
10 0 4

@tewe 

strange :\ 

Please look in this (Test)-Product Page 

https://trendsonly247.myshopify.com/products/folding-pet-dog-carrier-pad-waterproof-dog-seat-bag-bas...

Its still looks like

yasd_0-1613381366548.png

 

0 Likes

Hi @yasd,

see below how I see your page. Really strange.

Regards
Thomas

 

Screenshot from 2021-02-15 10-44-15.png

• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.
0 Likes