Change the Font Color on the Front Page

• 

  delemoor · Member · Sep 7, 2017 at 2:36 pm

  • Copy link
  • Add topic to favorites

  I am having trouble with the template colors on my website. I cannot change the font color of the title without the whole site changing as well.

  Is there anyway I could add css code to force it to stay white for me?

  Thank you!

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

• 

  kimdebruijn · Member · Sep 7, 2017 at 3:01 pm

  • Copy link

  When you look at your blog and press F12, there is this arrow sign on top (next to ‘Elements’). When you press that once, you can select a element on the blog to inspect and it jumps to the styles, classes, divs and so on that are set with that element. F12 gives lots of cool information, you can even change something in the style sheet that F12 is showing, for example a background-color, to see how it looks without it affecting the actual style sheet. It’s something like a sandbox.

  It also helps to figure out for what to look for (for example divs or classes) in the actual style sheet.

  When I F12 your blog, it gives me this (with the ‘Filter’):

  .search .site-title a, .search .site-title a:visited, .search .site-title a:hover, .archive .site-title a, .archive .site-title a:visited, .archive .site-title a:hover, .blog .site-title a, .blog .site-title a:visited, .blog .site-title a:hover, .page .site-title a, .page .site-title a:visited, .page .site-title a:hover {
      color: #969696;
  }

  When I change that color to red, it only changes the color of the title to red. Your title has the h1 class of ‘site-title’.

  Hope this helps.

  I would make a backup of the original style sheet before changing it.

• 

  kimdebruijn · Member · Sep 7, 2017 at 3:06 pm

  • Copy link

  PS. Also look to the other elements mentioned there because it changes the color of all those elements.

• 

  justjennifer · Member · Sep 7, 2017 at 3:16 pm

  • Copy link

  @delemoor hi there, if you have either the Premium or Business plan upgrades which allow you to edit the CSS of your theme, you can try out the suggestion that @kimdebruijn posted. https://en.support.wordpress.com/custom-css/
  https://en.support.wordpress.com/custom-design/editing-css/

  If you have one of those upgrade plans, you can also post directly in the CSS customization forum for assistance. https://en.forums.wordpress.com/forum/css-customization

  Let us know if you have any other questions or need more help.

• 

  justjennifer · Member · Sep 7, 2017 at 3:18 pm

  • Copy link

  @kimdebruijn Thanks for your help here and Welcome to volunteering in the Community Support forums for WordPressdotcom sites. :) If you haven’t seen it yet, you might want to take a look at this support guide for forum volunteers. It has lots of valuable tips and info https://en.support.wordpress.com/wordpress-com-volunteers/

• 

  delemoor · Member · Sep 8, 2017 at 3:55 am

  • Copy link

  Thank you everyone for your help!