change pages font size and gray bar below header, change height of header

basically, i just want to imitate the post title header like the tea image and the font in front of it here: https://pictoricodemo.wordpress.com/2011/07/07/morning-tea/

This thread is marked as resolved – did you solve your issue or do you still need any help?

figured out the first issue that i had, i think.

however, i’d like to make the home page just one image and remove that entry header, how can i do that to that single page?

and i figured out how to add that image header to other pages, how do i make it less tall? when i use

.entry-header {
height: 200px;
}

it doesn’t look like it changes it.

however, i’d like to make the home page just one image and remove that entry header, how can i do that to that single page?

This CSS will remove the featured image on the homepage:

.post-2575 .entry-header .entry-thumbnail {
   display: none;
}

and i figured out how to add that image header to other pages, how do i make it less tall?

Try a more specific CSS selector instead:

.hentry .entry-header {
     height: 200px;
}

To make these tweaks, don’t edit the theme files, or you’ll lose all your changes the next time you update the theme.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.