Gradient Code Needed in Shopping Cart Checkout Buttom

Site URL: https://www.chrisbunner.com

Hello! I'm currently in the beginning phases of setting a products page up, and making style edits. I can't seem to find custom CSS available online to customize the gradient I need for the Checkout Button on my shopping cart page. This would help it match all other buttons on my site.

My gradient for most other items on the site is as follows:

background: linear-gradient(to top right, #070037, #5F00f4, #D000FB)

Any direction given would be much appreciated. My site is 7.0 Pacific Template. Please let me know what other info is needed.

2 hours ago, ChrisBunner said:

Site URL: https://www.chrisbunner.com

Hello! I'm currently in the beginning phases of setting a products page up, and making style edits. I can't seem to find custom CSS available online to customize the gradient I need for the Checkout Button on my shopping cart page. This would help it match all other buttons on my site.

My gradient for most other items on the site is as follows:

background: linear-gradient(to top right, #070037, #5F00f4, #D000FB)

Any direction given would be much appreciated. My site is 7.0 Pacific Template. Please let me know what other info is needed.

I can not find the way to access your cart page. Can you guide me?

On 12/6/2021 at 4:05 AM, bangank36 said:

I can not find the way to access your cart page. Can you guide me?

Sure! I didn’t have it linked to anything yet.

The URL is www.chrisbunner.com/store

@ChrisBunner Try this code

button.checkout-button {
    background: linear-gradient(to right top,#070037,#5f00f4,#d000fb) !important;
    border-color: red !important;
    padding: 20px 50px !important;
    font-size: 14px !important;
}

On 12/11/2021 at 8:15 PM, tuanphan said:

@ChrisBunner Try this code

button.checkout-button {
    background: linear-gradient(to right top,#070037,#5f00f4,#d000fb) !important;
    border-color: red !important;
    padding: 20px 50px !important;
    font-size: 14px !important;
}

 

Thank you! This worked. Any idea how I change the font of the button? Site Styles won't let me alter it, even though it's saying it is set to the font I'd like.

On 12/14/2021 at 12:57 AM, ChrisBunner said:

Thank you! This worked. Any idea how I change the font of the button? Site Styles won't let me alter it, even though it's saying it is set to the font I'd like.

Try this code

button.checkout-button span {
	font-family: monospace !important;
}