Changing header image size with Shoreditch theme

asufoodpolicy · Member · Mar 16, 2017 at 8:02 pm
Copy link

Add topic to favorites
I have a new website, http://www.asufoodpolicy.com, using the Shoreditch theme. I like the theme a lot but the header image is too big and I would like to reduce the height. I’m not sure the exact css coding to use though in the customization. I am used to using wordpress.org and going to my css file and changing it there through my own hosting company’s file manager. Any idea of what css code to use to change the height for each page’s header image? Or, how to access the css code for this theme so I can find it myself? Any help would be greatly appreciated!

The blog I need help with is: (visible only to logged in users)
asufoodpolicy · Member · Mar 16, 2017 at 9:02 pm
Copy link
Oops – its not the header image – its the featured image for each page I need to edit.
thesacredpath · Member · Mar 17, 2017 at 9:20 am
Copy link
Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and adjust the 70vh (vertical height) value as desired.
```
@media screen and (min-width: 896px) {
  .entry-hero {
    min-height: 70vh;
  }
}
```
asufoodpolicy · Member · Mar 17, 2017 at 4:08 pm
Copy link
Thank you thank you thank you!
thesacredpath · Member · Mar 17, 2017 at 8:14 pm
Copy link
You are welcome.

No items found.