Peter550 Posted May 2, 2021 Share Posted May 2, 2021 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 Link to comment
tuanphan Posted May 4, 2021 Share Posted May 4, 2021 Add to Design > Custom CSS /* checkout button custom font */ .checkout-button { font-family: 'Soria' !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Peter550 Posted May 4, 2021 Author Share Posted May 4, 2021 Thank you! Is there more lines of CSS to change the button colour and the font colour too? Link to comment
tuanphan Posted May 6, 2021 Share Posted May 6, 2021 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Peter550 Posted May 7, 2021 Author Share Posted May 7, 2021 Hi! That doesn't seem to work unfortunately 😞 Link to comment
tuanphan Posted May 9, 2021 Share Posted May 9, 2021 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Peter550 Posted May 11, 2021 Author Share Posted May 11, 2021 @tuanphan Ah, it has changed the background, but now I need the type to be the beige colour Link to comment
tuanphan Posted May 13, 2021 Share Posted May 13, 2021 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Peter550 Posted May 18, 2021 Author Share Posted May 18, 2021 Great that worked! Thanks! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.