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

Store Design
, , , ,
1

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_2-1721318541860.png612×1408 140 KB

INKLY_1-1721318424791.png
INKLY_1-1721318424791.png2874×1312 280 KB

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

step.png
step.png1865×854 125 KB

  • 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
BSSTekLabs_0-1721319107240.png373×799 43.7 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

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

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

4

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
INKLY_0-1721323465623.png612×1408 138 KB

5

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

6

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

7

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