Custom font and button colour on shopping cart

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

I would like to use my custom font and change the colour of the button saying 'Checkout' on the shopping cart page. 

Is there some custom CSS to do this?  please help!

Pete

Add to Design > Custom CSS

/* checkout button custom font */
.checkout-button {
    font-family: 'Soria' !important;
}

Thank you! Is there more lines of CSS to change the button colour and the font colour too? 

On 5/4/2021 at 9:53 PM, Peter550 said:

Thank you! Is there more lines of CSS to change the button colour and the font colour too? 

Use new code

.checkout-button {
    font-family: 'Lovatoregular' !important;
    background: red !important;
}
.checkout-button span {
    color: green !important;
}

Hi! That doesn't seem to work unfortunately 😞

On 5/7/2021 at 10:08 PM, Peter550 said:

Hi! That doesn't seem to work unfortunately 😞

Add & save & reload your site.

If it still doesn't work, keep the code in Custom CSS & let me know. We can check easier

@tuanphan Ah, it has changed the background, but now I need the type to be the beige colour

On 5/12/2021 at 3:29 AM, Peter550 said:

@tuanphan Ah, it has changed the background, but now I need the type to be the beige colour

Don't remove code

Add this to Last Line in Custom CSS

/* checkout button color */
.checkout-button span {
    color: white !important;
}

replace white with color what you want

Great that worked! Thanks!