Customizing Page Titles and Footers in Sketch

• 

  voiceanew · Member · Mar 7, 2016 at 2:57 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How do I modify the font size and colour of the page titles and the footers in the Sketch theme?

  Thanks!

• 

  sarahblackstock · Member · Mar 7, 2016 at 5:19 pm

  • Copy link

  Hi there!

  To change the size/color of your page titles, go into Customize > CSS and add this:

  .entry-title {
  	color: red;
  	font-size: 20px;
  }

  (Adjust the color and size to whatever works for you.)

  For the footer, which area do you mean specifically? The footer all the way at the bottom of the page that says “BLOG AT WORDPRESS.COM.” or something else?

• 

  voiceanew · Member · Mar 7, 2016 at 5:34 pm

  • Copy link

  Hi,

  Yes, I would like to customize the footer at the bottom of each page, including “Blog at WordPress.com” and the credit of the theme. I am trying to change the colour and the font size.

  Thanks!

• 

  sarahblackstock · Member · Mar 7, 2016 at 5:53 pm

  • Copy link

  Sure!

  To adjust the color/size of the existing credits in the footer, add this in Customize > CSS:

  .site-info, .site-footer, .site-footer a {
  	color: #A140D4;
  	font-size: 18px;
  }

  (Adjust the color & size to fit your preferences.)

  To add your own credit to the footer, add this:

  .site-info:before{
  	content: "© Copyright 2015 SITENAME. ";
  	display: block;
  }

  Change the “before” to “after” if you want your credit under the others. Change “block” to “inline” if you want your credit to dispaly on the same line as an existing one, instead of creating its own line.

  Let me know if you have any questions!

  Note: Moved this thread to the CSS forum, since it’s a better fit there.

• 

  voiceanew · Member · Mar 7, 2016 at 8:55 pm

  • Copy link

  These work!

  Thanks, Sarah!

• 

  sarahblackstock · Member · Mar 7, 2016 at 8:59 pm

  • Copy link

  You’re welcome! :D