• I installed the google fonts plug in and I want my site tagline and home feature page titles to have different fonts but they keep changing to the same font. How I can make them different fonts?

Viewing 3 replies - 1 through 3 (of 3 total)
  • I changed the tagline to normal weight using the following:

    /* Take bold off tagline*/
    .navbar-wrapper .navbar h2 {
    font-weight: 400;
    }

    You will need to change it to change your font.

    My featured page titles are:

    .marketing h2 {
    margin: 0;
    font-weight: 300;
    font-size: 25px;
    line-height: normal;
    }

    Again, you’ll need to modify.

    This was great! But when you scale down or go mobile, the text reverts to the default, any ideas?

    Yes, you’ll need to wrap the code in a media query too. For example:

    @media (max-width: 767px) {
      .marketing h2 {
      margin: 0;
      font-weight: 300;
      font-size: 25px;
      line-height: normal;
      }
    }

    There’s some background on media queries here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tagline and home feature title fonts’ is closed to new replies.