Using CSS for the first time

• 

  lougrimm · Member · Aug 23, 2016 at 8:13 am

  • Copy link
  • Add topic to favorites

  I want to change the fonts on my website. I’ve never used CSS. I’ve looked for help, but even the beginner instructions launch into the topic halfway through.

  It looks like I need some kind of text editor – why? Which one? Where from? I’m really struggling here, please assume I’m simple and know nothing more than copy and paste.

  Thanks
  Lou

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

• 

  thesacredpath · Member · Aug 23, 2016 at 9:06 pm

  • Copy link

  Hi Lou, you can set two fonts at Customize > Fonts, one for Headings and one for the Base Font. I see you have done that. Was there some additional font changes you wished to make? If so, can you let us know where and we can see what we can do.

• 

  lougrimm · Member · Aug 23, 2016 at 9:33 pm

  • Copy link

  Hi sacred path!

  I want my title line to be in a font WP doesn’t have, but I can get from google fonts (or the description line I recall there was a font I was happy with). I want both of them to be in black. I want all my fonts in black!

  Thanks
  Lou

• 

  thesacredpath · Member · Aug 24, 2016 at 7:39 am

  • Copy link

  I want my title line to be in a font WP doesn’t have, but I can get from google fonts

  At this time, we cannot add fonts from outside sources. The only fonts that are available to us would be the ones at Customize > Fonts, and then we can also specify fonts that are typically installed on all computer operating systems. For more on that, see here.

  On the font colors, with the exception of links and the current page item color, everything appears to be black already. The following CSS will turn the navigation items black.

  .main-navigation a {
      color: #000;
  }

  On the links, if you also wish to change the color on those, I would suggest something other than black so that there is a visual indication that the text in a link. If you wish to change the color of the links, this would be the CSS for that. Edit the color code as desired.

  a {
      color: #f78769;
  }

  If you wish to change the color of the current menu item (the page someone is on, the following CSS is what you would need.

  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
      color: #f78769;
  }