Change font color -Site indentity – Theme Rowling

• 

  lorenedevbil · Member · Nov 29, 2016 at 6:03 pm

  • Copy link
  • Add topic to favorites

  Hello,
  Could you please me how to cutom my CSS to change the font color of my site identity? I’m using theme Rowling.
  Thanks a lot!
  Loren

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

• 

  kokkieh · Staff · Nov 30, 2016 at 8:55 am

  • Copy link

  Hi Loren

  Where exactly do you want to change the font colour? In your posts? Site heading? Widgets? There isn’t just one setting to change the font colour for the entire site, so I need you to please specify.

  For CSS help it’s also best to post in the CSS forum, as the volunteers in this forum don’t really give CSS help and those of us from staff who work in this forum are also not experts in CSS, and can only help with very basic changes.

  You can start a thread in the CSS forum here:

  https://en.forums.wordpress.com/forums/css-customization

• 

  lorenedevbil · Member · Nov 30, 2016 at 3:03 pm

  • Copy link

  Hi Kokkieh,

  Thanks for your reply.
  I would like to change the font color of my Site Identity section so
  – The site title
  – The tagline

  I mentioned CSS because I understood that’s how this kind of change can me made, but really I don’t know because I’m totally new in the WP world.

  Thanks!

• 

  kokkieh · Staff · Nov 30, 2016 at 4:17 pm

  • Copy link

  Right, to add CSS, click on My Sites, then click the Customize button next to Themes. Then click the CSS tab. Paste the following code on a new line in the CSS editor:

  h2.site-title a, h2.site-title a:hover, h4.site-description {
  	color: pink;
  }

  If you want a different colour for hovering over the site title, or you want a different colour for the tagline, separate them out, like this:

  h2.site-title a  {
  	color: pink;
  }
  
  h2.site-title a:hover {
  	color: blue;
  }
  
  h4.site-description {
  	color: green;
  }

• 

  lorenedevbil · Member · Nov 30, 2016 at 9:01 pm

  • Copy link

  Thank you so much, it works perfectly!

  I’m trying to change the font but this code doesn’t work. Do you see what’s wrong?

  h2.site-title a, h2.site-title a:hover, {
  font-family: Arimo, Arial;
  }

• 

  kokkieh · Staff · Dec 1, 2016 at 8:57 am

  • Copy link

  It’s not possible to add a new font via custom CSS. A font first needs to be imported on the site by adding it in the header section of the HTML before it can be used on the site, and we don’t have access to edit the headers on WordPress.com.

  The only place you can change fonts are in the Fonts section of the Customizer.

• 

  lorenedevbil · Member · Dec 1, 2016 at 3:24 pm

  • Copy link

  All right then, thanks