Title: Checkout button font colour
Last modified: April 25, 2020

---

# Checkout button font colour

 *  [ahgirlflowershop](https://wordpress.org/support/users/ahgirlflowershop/)
 * (@ahgirlflowershop)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/)
 * Hi, I have no idea how to change the font colour of my ‘checkout’ words button
   specifically. I can change the colours of my other buttons but not this one I’m
   not sure why. Where do I find these settings?
 * I am using OceanWP theme, Woocommerce plugin, and elementor (all free versions),
   and i have close to zero knowledge on anything related to coding. :’) Please 
   help, thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckout-button-font-colour%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [George Appiah](https://wordpress.org/support/users/gappiah/)
 * (@gappiah)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/#post-12730213)
 * Hello,
 * I don’t know if your OceanWP theme, Woocommerce shopping cart or Elementor page
   builder allows you to change the colour of buttons with mouse clicks or not, 
   but here is how to do it with code:
 * Go to **PRESENTATION => CUSTOMIZE => ADDITIONAL CSS** and add the following bit
   of code:
 *     ```
       .checkout-button {
       color: #fff;
       }
       ```
   
 * The above will make the color white.
 * Try it and let’s know how it goes!
 *  Thread Starter [ahgirlflowershop](https://wordpress.org/support/users/ahgirlflowershop/)
 * (@ahgirlflowershop)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/#post-12731964)
 * Thanks George!
    I wasn’t able to edit the ‘**additional Css**‘ tab (i think because
   of the theme) but i pasted the code under the ‘**custom css/JS**‘ tab . However
   it did not work.
 * Is there any other way?
    Thanks
 *  [George Appiah](https://wordpress.org/support/users/gappiah/)
 * (@gappiah)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/#post-12731998)
 * Let’s go ninja… change the code to this:
 *     ```
       .button {
       color: #fff !important;
       }
       ```
   
 *  Thread Starter [ahgirlflowershop](https://wordpress.org/support/users/ahgirlflowershop/)
 * (@ahgirlflowershop)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/#post-12732004)
 * Holy sheit it worked.
    Thanks ninja George!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Checkout button font colour’ is closed to new replies.

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [checkout](https://wordpress.org/support/topic-tag/checkout/)
 * [colour](https://wordpress.org/support/topic-tag/colour/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [ahgirlflowershop](https://wordpress.org/support/users/ahgirlflowershop/)
 * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/checkout-button-font-colour/#post-12732004)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics