Header Photograph

en WordPress.com Forums Header Photograph

• 

  californiamarinelife · Member · Mar 6, 2016 at 8:40 am

  • Copy link
  • Add topic to favorites

  Is there a way to make the header photograph not as tall vertically? The blog set up is fantastic if only if the photograph did not take up as much space

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

• 

  madeincosmos · Member · Mar 6, 2016 at 11:03 am

  • Copy link

  Hi,

  You can decrease the header size with custom CSS code (note that this feature is available in Premium and Business plans only). Here is the code that will scale down all the headers to half the height of user’s screen:

  @media screen and (min-width: 768px) {
      .hero {
          height: 50vh !important;
       }
  
     .widget-area {
         margin-top: 35vh !important;
     }
  }

  And here you will find instructions on how to add custom CSS to your site: https://en.support.wordpress.com/custom-design/editing-css/

• The topic ‘Header Photograph’ is closed to new replies.