Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #18671

    Hi there,

    I have the flashlight theme and I chose the dark option. I want it very simplistic so I chose black background and white font. When doing this though all the buttons such as “Add to Cart”, “Update Cart”, “Proceed to Check out”, “Apply Coupon”, etc. are completely white boxes until I scroll over them and the hover color appears and then I can see what the box says.

    I want to keep the boxes white and change the color of the font in those boxes to black. How do I go about changing just the color of the font in the buttons and not the rest of the website?

    Thanks for your help! :)


    Hi caseylum,

    I’d like to take a look at your site and inspect the pages live so that the css changes will be specific to your current setup. Can you post a link here?




    Yes, my link is

    I linked it right to the “cart” page so you can see it automatically.

    Thank you for your help.


    Hi caseylum,

    I just checked your site and can’t through. I am stuck on the Coming Soon page.




    So weird I have the “coming soon” page deactivated…

    Let me work on that and I will get back to you :-/


    Ok, I got it working now. You should be able to see it just fine now.

    Thank you for your patience!


    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .button {
    color: black;




    You are amazing! Worked perfectly. Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Changing color of font on just the buttons alone’ is closed to new replies.