Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
Author « Topic »  

Bob88
Ecommerce Template Expert

958 Posts

Pre-sales questions only
(More Details...)

Posted - 01/23/2018 :  12:36:46  
When you add a product to cart and go to the cart page there are two buttons. One is "Checkout" and the other is "Checkout with PayPal".

When you mouseover "Checkout with PayPal" the cursor doesn't change to a hand like it's a link. It just stays as an arrow.

How would I correct this and/or have the button change color?

Thanks.

Sinbad
ECT Moderator

USA
65937 Posts

Posted - 01/23/2018 :  13:14:43  
Hi Bob, I'm not seeing that on your site I get the hand when I mouse over Checkout with Paypal in Firefox what browser are you seeing that, if I have that browser I'll check using that.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Bob88
Ecommerce Template Expert

958 Posts

Pre-sales questions only
(More Details...)

Posted - 01/23/2018 :  14:26:18  
http://www.grabbarspecialists.com/zzz2/

Using latest version of Chrome.

Add product to cart and when cart page comes up mouse over "Checkout with PayPal.

Sinbad
ECT Moderator

USA
65937 Posts

Posted - 01/23/2018 :  15:16:01  
Hi I see that happening there but on our ectwp 6.8.3 store it does work in Chrome the only difference that I can think of would be the version, what version is the site on.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

ITZAP
Ecommerce Template Guru

Australia
1018 Posts

Posted - 01/23/2018 :  16:04:06  
The Google Chrome "User Agent Stylesheet" is applying these styles to the "input" element by default:

input[type="hidden" i], input[type="image" i], input[type="file" i] {
-webkit-appearance: initial;
background-color: initial;
cursor: default;
padding: initial;
border: initial;
}


Simply add this CSS to activate the "Finger" cursor upon PayPal button hover:

div.checkoutopts.coopt19 input {cursor: pointer}

Gary

Bob88
Ecommerce Template Expert

958 Posts

Pre-sales questions only
(More Details...)

Posted - 01/23/2018 :  18:51:31  
div.checkoutopts.coopt19 input {cursor: pointer}

Thanks Gary. That works perfectly.
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000