Home>Support>Can’t change font color on black background

Can’t change font color on black background

In every instance that I’ve changed a background to black (page builder, customize etc.) the font automatically turns grey and when I try to change it white it doesn’t take. Any suggestions?

The page on my website titled “PROGRAMS” is the best example of this.

URL: http://www.s4sportsacademy.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Willjot

    For the Programs page, let’s try the following. Edit the first black background row by clicking the wrench icon on the right > Edit Row > Attributes and enter the following in as a Row CSS Class:

    dark
    

    Then at Appearance > Custom CSS, insert the following:

    /* Circle Icon Widget */
    
    .dark .widget_circleicon-widget .circle-icon-box h4 {
    color: #ffffff;
    }
    

    If that works, add the “dark” row class to the other rows.

    Let me know how this goes. We can tackle any other dark area text issues next.

  2. 9 years, 1 month ago willjot

    This worked. Thanks Andrew!

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick. All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More