Twenty Twelve Footer

• 

  cwwhwest · Member · Mar 15, 2014 at 10:01 pm

  • Copy link
  • Add topic to favorites

  I would like to decrease the size of the font, and change its color to black, for the text in the footer area (the twenty twelve theme link, etc.). I would like this to be reflected on all of the blog’s pages, like it is shown here on my other blog (see here: http://elainemnelson.com/).

  Any assistance you can provide would be great. Thank you!

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

• 

  designsimply · Member · Mar 15, 2014 at 10:26 pm

  • Copy link

  Here is an example to get you started. It will center the footer text, turn the link color to black, and reduce the font size to 80% of what it was in the Twenty Twelve theme. Add the example to your Appearance > Customize > CSS editor:

  footer[role="contentinfo"] {
  	text-align: center;
  	font-size: 80%;
  }
  
  footer[role="contentinfo"] a {
  	color: #000;
  }

  You should be able to adjust the values such as the 80% to make further changes.

• 

  cwwhwest · Member · Mar 15, 2014 at 11:43 pm

  • Copy link

  Excellent! Thank you so much. I appreciate your very fast response.

• 

  designsimply · Member · Mar 16, 2014 at 6:17 pm

  • Copy link

  I love hearing that!

  Cheers :)