Widen Header – Harmonic theme

• 

  loveslegato · Member · Jan 2, 2017 at 9:20 pm

  • Copy link
  • Add topic to favorites

  Hello:

  Using harmonic theme and I would like for the header image to be enlarged vertically a bit more. Looking for CSS code to do just that.

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

• 

  thesacredpath · Member · Jan 3, 2017 at 7:20 pm

  • Copy link

  Hi there, are you talking about the image on your front page? If so, I’m seeing it as full height of my browser window right now. Can you explain a bit further what you are looking for on that?

• 

  loveslegato · Member · Jan 4, 2017 at 3:59 am

  • Copy link

  Hi:

  I was thinking that I would like to see more of the header image under the “Journal Entry” section

• 

  thesacredpath · Member · Jan 4, 2017 at 6:58 pm

  • Copy link

  Thanks for the clarification. The height of the image is calculated by the theme and inserted directly into the HTML. Let’s start with the following which increases the height by 100px (from 400 to 500).

  .blog .backstretch, .blog #custom-header {
  	height: 500px !important;
  }

  The position of the image is also calculated by the theme and changes based on the width of the window/screen and is more difficult to change. Let me know what you think with the above.

• 

  loveslegato · Member · Jan 5, 2017 at 4:06 pm

  • Copy link

  The code works great! Thanks! :)

• 

  thesacredpath · Member · Jan 6, 2017 at 1:08 am

  • Copy link

  Hooray and you are welcome!