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
127 0 15

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
2350 701 826

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 6 (6)

BSS-TekLabs
Shopify Partner
2350 701 826

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
INKLY
Pathfinder
127 0 15

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
2350 701 826

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
INKLY
Pathfinder
127 0 15

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

BSS-TekLabs
Shopify Partner
2350 701 826

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4661 1068 1725

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.