Re: color and font size of header text?

• 

  rheahirshman · Member · Jul 14, 2014 at 4:14 am

  • Copy link
  • Add topic to favorites

  Two related questions. I’m using the twenty-twelve theme.
  I would like to increase the font size of my header tagline (the line of copy under my name) but cannot find a way to do that. Is this possible?
  I changed my header color by using the Custom Header page but, even though the preview on that page shows both the header and the tagline in the new color, only the color of the tagline was changed on the website itself. Is this a glitch, or am I missing something?
  Thanks

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

• 

  jeremeylduvall · Member · Jul 14, 2014 at 5:03 pm

  • Copy link

  I would like to increase the font size of my header tagline (the line of copy under my name) but cannot find a way to do that. Is this possible?

  Definitely possible! Try the following CSS:

  h2.site-description {
  font-size: 20px;
  }

  I changed my header color by using the Custom Header page but, even though the preview on that page shows both the header and the tagline in the new color, only the color of the tagline was changed on the website itself. Is this a glitch, or am I missing something?

  It looks like the “Links” color is still set to that greenish-gray color. The site title is actually a link (that points to your home page), which helps to explain why the site description changed but the title stayed the same. You can change the title using the following CSS:

  h1.site-title a {
  color: #8420cc;
  }

  Just input those codes under Appearance -> Customize -> CSS. Also, just for future reference, we have a forum devoted to CSS customizations here:

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

  In case you’re interested to learn a bit more, we have some information and resources here:

  http://en.support.wordpress.com/custom-design/editing-css/

  Let me know if that works for what you’re looking for!

• 

  rheahirshman · Member · Jul 14, 2014 at 5:10 pm

  • Copy link

  Thanks! Before I do any of this, here’s a question about inserting CSS code. I already have some coding inserted (to fix a problem with hyphenation). When I insert these other items you detailed above, do I just double space after the coding that is already in there and place this additional material (also double-spacing between each item)?

• 

  jeremeylduvall · Member · Jul 14, 2014 at 9:08 pm

  • Copy link

  Hi Rhea,

  Double-spacing is a good idea just so you can keep track of where each code starts. So, in that case, it would look something like this which is super organized:

  selector {
  color: #000;
  }
  
  .another-selector {
  font-size: 12px;
  }

  However, in reality, you can add them one after another. The closing brackets separate the codes. So, this would work as well:

  selector {color: #000;}.another-selector {font-size: 12px;}

  However, that last one gets a bit messy when you’re using a ton of custom CSS. I would just suggest adding the new CSS a few lines after your current codes.

• 

  rheahirshman · Member · Jul 14, 2014 at 10:05 pm

  • Copy link

  Thanks!

• 

  jeremeylduvall · Member · Jul 14, 2014 at 10:31 pm

  • Copy link

  Of course!