Tagline change font and size

• 

  generationsforpeace · Member · Sep 30, 2014 at 11:20 am

  • Copy link
  • Add topic to favorites

  Hi, I have a Watson theme with below CSS to have Arial font for my Blog, What I should change to have a different font family and size for my Tagline and posts headers

  body,
  h1,
  blockquote cite,
  details,
  .footnote,
  table,
  .alert,
  nav[role="navigation"],
  footer[role="contentinfo"],
  .wp-caption-text,
  .feature figcaption,
  dd.wp-caption-dd,
  header.post-title .post-byline,
  .post-roll article.post .post-content nav,
  footer.post-footer,
  .featured-thumbnails-container .featured-thumbnail,
  a.custom-more-link,
  aside[role="complementary"],
  h3.widgettitle,
  #comments,
  .responsive-slides,
  body.blog .responsive-slides p,
  body.blog .responsive-slides .featured-article p span,
  textarea,
  select,
  input,
  button,
  input[type="reset"],
  input[type="submit"],
  input[type="button"],
  .widget_tag_cloud a,
  .wp_widget_tag_cloud a,
  .post-edit-link,
  a#cancel-comment-reply-link,
  .comment-edit-link,
  .index-footer p a,
  .page-links,
  .dk_container,
  #respond {
  	font-family: Arial, Helvetica, sans-serif;
  }

  The blog I need help with is blog.generationsforpeace.org.

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Sep 30, 2014 at 11:28 am

  • Copy link

  If you have the custom design upgrade you should look at custom fonts as you get lots more choice compared to regular web safe fonts.

  Otherwise you can target the sections like this:

  h1.heading,
  .responsive-slides h1 {
    font-family:courier;
    font-size:16px;
  }
  
  h4.tagline {
    font-family:times;
    font-size:32px;
  }

• 

  generationsforpeace · Member · Sep 30, 2014 at 12:57 pm

  • Copy link

  Big Thanks hallluke