Chaning the padding on Goran theme using CSS

• 

  archerswift77 · Member · Feb 26, 2015 at 1:48 am

  • Copy link
  • Add topic to favorites

  Hi

  I would like to adjust the padding between the navigation breadcrumbs and a page heading on the Goran theme using CSS.

  I’ve tried to fiddle with it using the Inspect Element but I’m a real newbie when it come to CSS.

  Take for example this page: http://archerswiftbooks.com/genesis-guardian-of-gatling/

  There’s a lot of white space between breadcrumbs (Home> Genesis) and the heading “Genesis ~ Guardian of Gatling.”

  Can someone please let me know what I can do?

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

• 

  dannywellman · Member · Feb 26, 2015 at 1:59 am

  • Copy link

  Hello there!
  I think you can adjust it with the following:

  .content-area {
  padding-top: 100px;
  }

  Make that 100px number bigger or smaller to suit your needs.

  I hope that works for you!

  Have a good evening!

• 

  archerswift77 · Member · Feb 26, 2015 at 2:16 am

  • Copy link

  Wow, you’re quick! It worked. Thank you!

  Would you know how to adjust the H2 size?

• 

  dannywellman · Member · Feb 26, 2015 at 3:01 am

  • Copy link

  Excellent! I’m glad it worked!

  Normally you can do the following to adjust the H2 size (obviously, adjust the font-size number to what you want):

  h2 {
  font-size: 80px !important;
  }

  Make sure you add the !important at the end. It will overwrite the global CSS for the H2 tag.

  Good luck!

• 

  archerswift77 · Member · Feb 26, 2015 at 3:27 am

  • Copy link

  Thanks again. Much appreciated!