Header font size / spacing (Canard Theme)

• 

  saltandberries · Member · Aug 3, 2015 at 10:04 pm

  • Copy link
  • Add topic to favorites

  Dear all,

  I would like to change the font size of the header only. Also I would like to create some more space between the header and the navigation.

  I am new to CSS, so it would be great if anyone could help me! :)

  The blog I need help with is
  https://findingbeautysippingcoffee.wordpress.com/

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

• 

  dcoleonline · Staff · Aug 4, 2015 at 3:49 pm

  • Copy link

  Hi there,

  You can adjust the header text size by using this code and changing the number to fit your tastes:

  .site-title {font-size: 60px;}

  You can use this code to adjust the spacing above the navigation:

  #search-navigation{margin-top: 50px;}

  Again, just change the number to make the space as large as you like.

• 

  saltandberries · Member · Aug 4, 2015 at 6:10 pm

  • Copy link

  Ah thank you so much! Worked out perfectly with the Canard theme :)!

  When I change it to the penscratch theme, the second code

  #search-navigation{margin-top: 50px;}

  doesn’t work, can I change it somehow so it works for that theme as well?

  The blog I need help with is
  https://findingbeautysippingcoffee.wordpress.com/

  Thank you in advance,
  Hanna

• 

  saltandberries · Member · Aug 4, 2015 at 6:19 pm

  • Copy link

  Ok, fixed it myself! :)

  .site-title {
  	font-size: 50px;
  	margin-top: 50px;
  	margin-bottom: 50px
  
  }