Looking to change the height of the blog entry headers

• 

  electronichymns · Member · Sep 19, 2015 at 6:14 am

  • Copy link
  • Add topic to favorites

  I’m looking to change the height of the header photo for individual blog entries with the Pictorico theme.

  I’m not even sure if “header photo” is the correct terminology, but with each entry for this theme you can choose a feature photo. The photo serves not only as a link from the main page, but also as the header for that particular blog entry.

  Thing is that photo header for each blog entry seems way to tall in proportion to the rest of the page, so I would like to shrink it down if possible.

  I’ve searched around and can’t seem to find anything. I’m also very new to this, but it seems like it should be relatively easy to do. Maybe not.

  Any help is appreciated!

• 

  thesacredpath · Member · Sep 19, 2015 at 9:00 am

  • Copy link

  Hi, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and adjust the height value as desired. I’ve targeted only single post pages in the following by using the “single” CSS body class set in the opening body HTML tag.

  .single .has-thumbnail .entry-header {
      height: 525px;
  }

• 

  electronichymns · Member · Sep 19, 2015 at 10:13 am

  • Copy link

  Perfect! Thank you.

  I actually found some information about CSS in my search, but never would have known what to enter. Thanks again.

• 

  electronichymns · Member · Sep 19, 2015 at 10:28 am

  • Copy link

  Cool, it even updates the pixel height realtime in the customizer.

• 

  thesacredpath · Member · Sep 19, 2015 at 7:31 pm

  • Copy link

  You are welcome.