• Hi everyone,

    How do I change the font color of the whole page. Currently the font on all posts is grey, I want to change it to black. While I can change the font to black of individual posts while I write it, it doesn’t show as black when I go to the home page, only when I click on the post itself. I have the ‘My custom CSS’ plugin as well if I need to insert codes for this to happen! Please help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi wandergirl123
    Hope you’re doing well today ??
    Can you give us URL of your website?
    Thanks
    Cheers
    TR

    Thread Starter wandergirl123

    (@wandergirl123)

    Hi tahoerock,

    Thank you for your response. my url is: https://www.thewanderbite.com
    Everytime I create a post, I have to physically change the font to black, which is fine, but the font color only shows as black when it is clicked on, and not on the home page.
    If possible, I would like the font changed to black through the site. Font of the menu, font on the bottom (about section), etc.

    Thank you.

    Hi WanderGirl
    This should be easy to do:
    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    .entry-summary {
        color: #000;
    }
    
    or
    .entry-summary {
        color: #000!important;
    }

    OR

    article.excerpt {
        color: #000;
    }
    
    a.fn {
        color: #000;
    }
    
    time.entry-date.published.updated {
        color: #000;
    }

    or

    article.excerpt {
        color: #000!important;
    }
    
    a.fn {
        color: #000!important;
    }
    
    time.entry-date.published.updated {
        color: #000!important;
    }

    Hope this will help you
    Let me know the result, feel free to ask in the future, will be happy to help.
    have a great day
    Cheers
    TR

    Thread Starter wandergirl123

    (@wandergirl123)

    Hi tahoerock,

    I have the My Custom CSS plugin and I copied and pasted the codes you listed, and I get exlamation points next to some of the codes, as alert/error. I copied and pasted this: ( I added ! next to where it shows when I copy and paste the code)

    (!)article.excerpt {
    (!)color: #000!important;
    }

    (!)a.fn {
    (!)color: #000!important;
    }

    (!)time.entry-date.published.updated {
    (!)color: #000!important;
    }

    Hi WanderGirl
    Hope you are doing wwell today.
    Maybe it is just sntax of the selectors. Wer will see

    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    article .excerpt {
        color: #000;
    }
    
    a .fn {
        color: #000;
    }
    
    time .entry-date .published .updated {
        color: #000;
    }

    or

    article .excerpt {
        color: #000!important;
    }
    
    a .fn {
        color: #000!important;
    }
    
    time .entry-date .published .updated {
        color: #000!important;
    }

    or

    .excerpt {
        color: #000!important;
    }
    
    .fn {
        color: #000!important;
    }
    
    .entry-date.published.updated {
        color: #000!important;
    }

    OR

    .entry-meta a {
        color: #000!important;
    }
    
    .entry-summary {
        color: #000!importan;
    }

    Hope this will help you, It was working here right from the box in the ispector mode.
    Have a great day
    Cheers
    TR

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font color of the page’ is closed to new replies.