Checkout button

Solved
Highlighted
Tourist
4 0 2
Good day everyone. I have an issue with my shopify store. I use the venture theme and can't seem to change the checkout button on my cart page. At the moment it shows as a hover effect and I would like to remove the hover and keep the checkout text fixed. Any help would be appreciated?
1 Like
Highlighted
Shopify Partner
1674 362 493

Hi

please share your web shop url & password.

 

Thnaks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
1674 362 493

Hi

Try to add following css in your assets/theme.scss.liquid file

.template-cart .btn:hover {
background-color: #006eff !important;
color: #fff;
}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 2
Thank you for your help. It changed the hover of the text. However it still only shows the checkout text once the mouse is placed on it. Is there a way to display the checkout text on a permanent basis?
Store url: www.newyellowequipment.com
Password: Juandre01!
0 Likes
Highlighted
Shopify Partner
1674 362 493

This is an accepted solution.

Hi

Try to add following css in your assets/theme.scss.liquid file

 

.template-cart .btn {color: #ffffff;}
.product-form .btn, .product-form .btn--secondary, .product-form .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-form .shopify-payment-button__button--unbranded, .product-form select, .product-form input[type="text"] {
color: #ffffff;}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
55 4 6

Hi @Juandre,

Here you go

 

.shopify-payment-button__button:hover {
  background: #BEC01D !important;
  color: white !important;
}

.product-form__cart-submit {
  background: #BEC01D !important;
}

 

Copy the above code in your theme.scss.liquid file. 

Let me know if you need any other help.

cheers :))

Want to get customization to your store or bug fixing quickly? Hire Me for an hour for only $20 (Or get a fixed quote)
Hire Me For
  • Store Setup
  • HTML, CSS, JS, JQuery and Liquid coding
  • Bug Fixing

Email at umairabbascs@gmail.com or visit YoFlare

1 Like
Highlighted
Tourist
4 0 2
Thank you. Worked perfectly!
1 Like
Highlighted
Tourist
4 0 2
Thank you. I manage to solve the problem.
0 Likes
Highlighted
Shopify Partner
1674 362 493


Please do like as solution. That will cost of our time :)

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
1 0 0

Hi, I have an issue with my Shopify store, the button size is different between laptop and Phone version. The button (laptop) is bigger so my question is how do I change the phone add to cart button same size with laptop button?

URL : www.luxyneed.com

button 2.png

 

button 1.png

0 Likes