Change the Font Colors of Titles and Excerpts of Posts on Home Page

Hi rbstodomingo. Try adding the following css to a child theme style.css file, the theme Custom css options, or a plugin like Simple Custom CSS.

/* change home page title to blue */
.home .page-title h2 {
  color: #00f;
}
/* change home post excerpt to black */
.home .entry.excerpt {
  color: #000;
}

Hi bdbrown. Thanks for replying. It made the font of the excerpts on the home page black, but not the titles. The css however made the “Welcome to My Page” font to blue. Please advise. I want the font of the titles of all the posts on the home page blue, and not the Welcome message. Thank you.

Sorry; misunderstood your question. Try this instead:

/* change home page post titles to blue */
.home article .post-title a {
  color: #00f;
}

Thank you bdbrown. I suppose I can replace the blue color to #3b8dbd. That’s the shade of blue that I want – the one that we use as default (blue) primary color on hueman theme?

Sure, you can use whatever color you like, either by name, hex code or rgb designation.

So just to be sure bdbrown, will it work if I don’t know the exact name of the color? For example, can I insert this:

/* change home page post titles to blue */
.home article .post-title a {
color: #3b8dbd;
}

/* change home post excerpt to black */
.home .entry.excerpt {
color: #26272b;
}

In the above css, I don’t know the exact nameof color of code #3b8dbd but that i what I want (though blue i s what is written above). Sorry, I’m just new to this. Thank you for your patience.

Yes, that will work. You don’t need to know the name of the color. There are several color names supported by all browsers. But using hex or rgb formats provides a much more detailed selection.

Thank you so much!