Support » Themes and Templates » How to change the default font style and color

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi Sinardja,

    If your theme hasn’t got a way to customize fonts, then you can change the basic font for the entire site by adding this CSS rule to a child theme’s stylesheet (or a custom CSS plugin):

    body {
      font-family: Verdana, sans-serif;
      color: #333;

    The color value is hexadecimal notation for dark gray, but you can change it to whatever other color preference.

    Thanks Antonietta
    I’ve copied and paste the CSS rule to the CSS editor. I do believe it should work, but it’s not. The font style and color still in it’s default. I don’t understand why?

    Keep the CSS above, plus add this one more rule:

    `#primary-home .entry-title,
    #primary-home .entry-title a,
    .blog .entry-title,
    .search .entry-title,
    body.archive .entry-title {
    font-family: Verdana,Arial,sans-serif;

    Thanks again Antonietta

    I’ve added what you give, but it still didn’t work. What’s wrong?

    I get the right result using Firebug. I also found these styles:

    .font {
      font-family: "Open Sans", Times, serif;
    .font-heading {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
    .font-title {
      font-family: "Open Sans", Helvetica, sans-serif;
    body {
      font-family: "Open Sans", Times, serif;

    Try repeating the same styles in your child theme stylesheet by change the font family into Verdana, as I did in the previous posts.

    I hope this helps.

    Thanks Antonietta. It works

    Wow! Really glad to hear that.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change the default font style and color’ is closed to new replies.