GATEWAY font

• 

  navidsamedi · Member · Sep 12, 2016 at 10:58 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I need some help with changing the font and the font size on a given text please!

  To be specific, I would like to change the font and font size of the sub-headings on the article Panama City’s 5 iconic sights on my blog: https://searchingforelsewhere.com/

  Can someone please run me through the CSS instructions?

  Thanks!

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

• 

  kathrynwp · Staff · Sep 13, 2016 at 4:12 pm

  • Copy link

  Looks like you already got some private help from a Happiness Engineer by email. Let me know if you’re all set or if you need further help.

  He suggested adding a new class to each header, and then some corresponding CSS to style it:

  li .list-header{
  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
  font-style: italic;
  font-weight: 700;
  }

  I’d suggest you remove the inline colour you added here:

  <span class=”list-header” style=”color: #000000;”>

  And move it into the CSS instead:

  li .list-header{
    font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
    font-style: italic;
    font-weight: 700;
    color: #000000;
  }

  That keeps all the CSS in one place and makes it easy to change the colour later with one line of code.