Optimizing/ Adjusting Home Page Picture

• 

  claux2193 · Member · Mar 31, 2017 at 5:47 pm

  • Copy link
  • Add topic to favorites

  Hello! I’m using theme Karuna, and trying to make sure the large picture I’m using is optimized for viewers.

  I think it needs to be enlarged with CSS.

  Thanks so much!

  -Chris

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

• 

  kalijeeri · Member · Mar 31, 2017 at 6:31 pm

  • Copy link

  Your home page image is off full size only which image are you talking about

• 

  thesacredpath · Member · Mar 31, 2017 at 10:50 pm

  • Copy link

  Hi there, in general, the featured and header images on our themes are sized and optimized in such a way as to work for all browser window/screen widths. Due to the way things are structured with the custom header image on Karuna, if we make the image taller, part of both sides will be off the right and left of the screen, which with an image of this nature might not matter. Add the following to your custom CSS, which increases the height from 800 to 1000 pixels.

  .site-header .size-karuna-hero, .custom-header {
  	height: 1000px;
  	width: auto;
  }