Header Hight & Logo

• 

  timmogu · Member · Jan 5, 2017 at 8:15 am

  • Copy link
  • Add topic to favorites

  Hello everybody,

  I recently changed my header and deleted the title and the tagline, because I only want to go with a logo.
  After changing it the header became even bigger than before. How can I change the header hight?
  The logo size is: 595x227px

  I’m not sure about it, but I would like to test how it looks like if the Logo would be aligned to the center… is that possible?

  Also can I change the logo size too?
  Beside creating a simply bigger version of the logo (which in return will increase the header hight again…)

  Thanks for the help.

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

• 

  timmogu · Member · Jan 5, 2017 at 12:11 pm

  • Copy link

  PS: The hight is the most important. The other two would be nice optinal things :)

• 

  thesacredpath · Member · Jan 6, 2017 at 6:34 am

  • Copy link

  Hi there, I see you have used the following to reduce the height of the header.

  .header {
      padding: 30px 0 15px;
  }

  To center the logo, add the following to the bottom of your custom CSS.

  .site-logo {
  	margin-left: auto;
  	margin-right: auto;
  }
  .site-logo-link {
  	display: block;
  }

  On the size increase, the theme and WordPress software actually create a 210px wide image off of your original, so if we enlarge that image, it will lose clarity. What we can do is to hide the downsized logo image and then use CSS to insert the original image. Instead of the above, add the following and see what you think. You can adjust the 150px height as desired.

  .site-logo {
  	visibility: hidden;
  }
  .site-logo-link {
  	display: block;
  	background: url(https://taiwantours.files.wordpress.com/2017/01/earthunbound_logoc_rgb_neg.png) no-repeat scroll center center / contain;
  	height: 150px;
  }

• 

  timmogu · Member · Jan 7, 2017 at 12:49 pm

  • Copy link

  Amazing! Thanks a lot!
  One last question: After using the padding to reduce the hight of the header, the space between menu and the first content became bigger.

  Is it possible to move the content up so that there is no space?

• 

  thesacredpath · Member · Jan 9, 2017 at 6:06 pm

  • Copy link

  Hi there, on the space at the top of the content above, that is an empty page title div. Add the following to make it the same as the sidebar.

  .home .single-post .post-header {
  	display: none;
  }

• 

  timmogu · Member · Jan 10, 2017 at 10:15 am

  • Copy link

  Perfect. Thanks a lot :)

• 

  thesacredpath · Member · Jan 10, 2017 at 8:02 pm

  • Copy link

  Hooray and you are welcome!