Site title

• 

  bethtoronto · Member · Sep 20, 2017 at 7:05 pm

  • Copy link
  • Add topic to favorites

  I’m trying to change font color/style/size of the site title. I tried:
  .masthead .branding h1.site-title a{
  color: #22ff11;
  font-family: “Bookman Old Style”, Arial, Helvetica, sans-serif;
  }
  but it didn’t work. The site title still seems to be picking up the code from the a:link section of the CSS.
  Help!
  Thanks,
  Beht

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

• 

  thesacredpath · Member · Sep 20, 2017 at 8:21 pm

  • Copy link

  Hi there, the following works for me.

  #masthead .site-title a {
   color:#2f1;
   font-family:"Bookman Old Style", Arial, Helvetica, sans-serif;
  }

  I took a look at Customize > CSS and see you have yours set to not use the original CSS. Generally, unless you are going to completely rewrite the entire CSS – everything – this is not recommended as you will be losing a lot of the CSS for the features of the theme such as comments, widgets, etc.

  At WordPress.com, the best way is to keep the original and then write Custom CSS that overrides the original. Your Custom CSS is loaded after the original, so anything you add takes precedence over the original CSS rules.

• 

  garysixtyeight · Member · Sep 20, 2017 at 8:34 pm

  • Copy link

  @thesacredpath:

  Bookman Old Style and Book Antiqua don’t appear to be a web safe fonts, or available from Google Fonts or Typekit.

  Even if the CSS is technically correct, will a visitor’s browser use those fonts rather than one of the fallbacks?

• 

  thesacredpath · Member · Sep 20, 2017 at 11:20 pm

  • Copy link

  @garysixtyeight, if the font is installed on the visitor’s computer, then it will be used, otherwise it will show one of the fallbacks in the font stack, or if none in the stack are present, it will substitute either serif or sans-serif. Since they have fallbacks that are installed on all computers by default, I did not mention it.

  @bethtoronto, as @garysixtyeight indicates, Bookman Old Style is not installed on any computer system by default, so few of your visitors may actually see that font. It would be best to select a font that is installed on Windows and Mac by default if you do not wish to use one of the custom fonts at Customize > Fonts.