How To Remove Highlighted Text from Buy Buttons And Add to Cart and Buy it Now Button?

[GEVANTE]

Hi,
I am trying to remove the highlighted text in light gray on the Buy 1, 2,3 in the Bundle and Save section. This was not there before.

Also, the add to cart/buy it now section is highlighted in white as well. How can I remove the highlighted sections? 

[niraj_patel]

Hello @GEVANTE 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[GEVANTE]

Thanks!

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   span.kaching-bundles__bar-title {
        background: unset !important;
   }
   button.product-form__submit span, .shopify-payment-button span {
       background: unset !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[GEVANTE]

Thanks, do you know how to un-bold that Add to cart text as well? Can't thank you enough! 

[GEVANTE]

Not only unbold, but do can you change the text to: Add to Cart, instead of Add to cart? 

Capitalizing the letter C in Cart. 

Also, when adding the item to cart, I want to capitalize the O in "Check out" as well. 

Thank you, please let me know!

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.product-form__submit {
    font-weight: 400 !important;
    text-transform: capitalize !important;
 }
 .cart-drawer .cart__checkout-button {
     text-transform: capitalize !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? PLEASE Mark my both solutions as an Accepted Solution.

[GEVANTE]

Hey Niraj,

So sorry for the trouble.

One last thing, could you make the Check Out text not be bold?

Thank you so much.

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #CartDrawer .cart__checkout-button {

       font-weight: 400 !important;

    }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? PLEASE Mark my ALL solutions as an Accepted Solution.

[GEVANTE]

 

Hi Niraj,

i see when i go to my cart, the highlighted gray part is covering the Apple Pay and google pay icon. Could you help me with this?

[GEVANTE]

Also the checkout O in here is not capitalized as well. Can you actually combine the word checkout into one word? For the previous one you helped me out with, could you also change that check out text into one word “Checkout”? Thanks

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
button#CartDrawer-Checkout::before {
content: "CheckOut";
visibility: visible;
position: absolute;
background: rgba(var(--color-button),var(--alpha-button-background));
display: flex;
justify-content: center;
align-items: center;
font-weight: 400 !important;
}
#CartDrawer .cart__checkout-button {
visibility: hidden;
position: relative;
}
</style>

Not able to find your payment buttons and you can see the below image:

Was my reply helpful? Click Like to let me know!
Was your question answered? Now Please Mark MY ALL SOLUTIONS as an Accepted Solution.

Thanks 🙂