Re: Remove price from CTA and Make it a different color than other add to cart buttons.

Solved

Remove price from CTA and Make it a different color than other add to cart buttons.

INKLY
Pathfinder
112 0 12

Hi, I would like to remove the total cart amount from the 'procede to payment' CTA as well as make it stand out byt making it a different color from the other upsells small 'add to cart' buttons. The app Upcart has a custom css box, does anyone knows how to achieve this result with css? Thank you for your help! 

 

Store URL: https://inkly.fr/products/imprimante-inkly

INKLY_2-1721318541860.png

 

INKLY_1-1721318424791.png

 

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
1842 526 612

This is an accepted solution.

- Here is the solution for you @INKLY 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.upcart-checkout-button-container .money {
 display: none !important;
}
.upcart-checkout-button-container .upcart-checkout-button {
 ent.style {
    background: #2403ff !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721319107240.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

View solution in original post

Replies 6 (6)

BSS-TekLabs
Shopify Partner
1842 526 612

This is an accepted solution.

- Here is the solution for you @INKLY 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.upcart-checkout-button-container .money {
 display: none !important;
}
.upcart-checkout-button-container .upcart-checkout-button {
 ent.style {
    background: #2403ff !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721319107240.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

INKLY
Pathfinder
112 0 12

Thanks @BSS-TekLabs ! One more thing, is it possible to replace the circle in the cta with an arrow pointing right instead? That would be awesome !!

INKLY_0-1721323465623.png

 

BSS-TekLabs
Shopify Partner
1842 526 612

To do that, I need to access your store to edit.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

INKLY
Pathfinder
112 0 12

I understand, is this something you are willing to do ? 

BSS-TekLabs
Shopify Partner
1842 526 612

If you need to do that, you can inbox me.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

PageFly-Richard
Shopify Partner
4564 1046 1706

This is Richard from PageFly - Shopify Page Builder App

 

If you want remove price. Please add code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>

.upcart-checkout-button .money{
  display: none !important;
   
}


</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.