{"id":5431,"date":"2017-09-12T11:06:00","date_gmt":"2017-09-12T16:06:00","guid":{"rendered":"http:\/\/nathanielstern.com\/blog\/?p=5431"},"modified":"2017-09-12T11:06:00","modified_gmt":"2017-09-12T16:06:00","slug":"how-to-make-cover-header-image-smaller-in-wordpress-2017-twenty-seventeen-theme","status":"publish","type":"post","link":"https:\/\/nathanielstern.com\/blog\/2017\/09\/12\/how-to-make-cover-header-image-smaller-in-wordpress-2017-twenty-seventeen-theme\/","title":{"rendered":"How to make the cover  \/ header image smaller in WordPress 2017 theme"},"content":{"rendered":"<p>I just figured out yesterday how to make the cover image \/ header image smaller in the WordPress 2017 (Twenty Seventeen) theme, and I&#8217;ve already had a number of people ask me how!<\/p>\n<p>It&#8217;s pretty simple. And you don&#8217;t need to modify the theme, or make a child theme. Simply go to Customize&gt;Additional CSS and copy and paste the below<\/p>\n<p><code><br \/>\n.has-header-image.twentyseventeen-front-page .custom-header,<br \/>\n.has-header-video.twentyseventeen-front-page .custom-header,<br \/>\n.has-header-image.home.blog .custom-header,<br \/>\n.has-header-video.home.blog .custom-header {<br \/>\nheight: 30vh !important;<br \/>\n}<br \/>\n<\/code><\/p>\n<p>You can change that number 30vh for different heights. That&#8217;s it!<\/p>\n<p>I did two more things for my blog.<\/p>\n<p>First, I didn&#8217;t like the &#8220;POSTS&#8221; heading on my page, since my main page is posts, so I also added this, below the above, in the same box:<\/p>\n<p><code><br \/>\nh2.page-title<br \/>\n{<br \/>\ndisplay: none !important;<br \/>\n}<br \/>\n<\/code><\/p>\n<p>And finally, I then felt the padding was a bit too much with that heading gone, so I also put this in, to remove space:<\/p>\n<p><code><br \/>\nh2.page-title<br \/>\n.site-content<br \/>\n{<br \/>\npadding: 0.75em 0 0 0  !important;<br \/>\n}<br \/>\n<\/code><\/p>\n<p>Please note that with this last bit, the spacing will also change, and a bit differently, on individual post pages. I liked 0.75em best across both, and of course feel free to change that &#8211; just be sure to look at the main page and your individual post pages before finalizing!<\/p>\n<p>This looks good on computers, phones, and tablets :)<\/p>\n<p>Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just figured out yesterday how to make the cover image \/ header image smaller in the WordPress 2017 (Twenty Seventeen) theme, and I&#8217;ve already had a number of people ask me how! It&#8217;s pretty simple. And you don&#8217;t need to modify the theme, or make a child theme. Simply go to Customize&gt;Additional CSS and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7,9,5],"tags":[135,137,138,136,133,134],"class_list":["post-5431","post","type-post","status-publish","format-standard","hentry","category-me","category-pop-culture","category-technology","tag-2017-theme","tag-code","tag-css","tag-twenty-seventeen-theme","tag-wordpress","tag-wordpress-theme"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9blZT-1pB","jetpack-related-posts":[{"id":1529,"url":"https:\/\/nathanielstern.com\/blog\/2007\/08\/30\/artsemerging-23-wordpress-theme-customizable-and-now-widget-compatible\/","url_meta":{"origin":5431,"position":0},"title":"artsemerging 2.3 wordpress theme &#8211; customizable, and now widget compatible","author":"nathaniel","date":"30 August 2007","format":false,"excerpt":"Howdy all. If you remember, early last year I developed a new WordPress theme as part of the launch of SAartsEmerging.org - promoting and critiquing emerging South African artists. That site is now maintained by Bronwyn Lace and Rat Western, and you should keep an eye out for upcoming changes.\u2026","rel":"","context":"In &quot;art&quot;","block_context":{"text":"art","link":"https:\/\/nathanielstern.com\/blog\/category\/art\/"},"img":{"alt_text":"artsemerging wordpress theme screenshot","src":"https:\/\/i0.wp.com\/nathanielstern.com\/blog\/wp-content\/uploads\/2007\/08\/screenshot.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":482,"url":"https:\/\/nathanielstern.com\/blog\/2004\/10\/23\/soiree-double-header\/","url_meta":{"origin":5431,"position":1},"title":"soiree double header","author":"nathaniel","date":"23 October 2004","format":false,"excerpt":"photo credits: christo doherty Yesterday afternoon saw a fantastic double event at the WSOA Digital Arts friday soiree. First, Cobi Van Tonder facilitated successive performances in her award-winning, interactive gumboot project. Analog sensors in the soles and on the sides of these boots trigger and control live samples of electronic\u2026","rel":"","context":"In &quot;art&quot;","block_context":{"text":"art","link":"https:\/\/nathanielstern.com\/blog\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1545,"url":"https:\/\/nathanielstern.com\/blog\/2007\/10\/22\/new-web-site-wordpress-as-cms-portfolio\/","url_meta":{"origin":5431,"position":2},"title":"new web site: wordpress as CMS \/ Portfolio","author":"nathaniel","date":"22 October 2007","format":false,"excerpt":"If you haven't noticed, my main site has had a massive overhaul, with which the royal 'we' are very pleased. Besides the new design, some new work and texts have been added in the upgrade process, most notably the digital and traditional prints I did at the Frans Masereel Centre\u2026","rel":"","context":"In &quot;art&quot;","block_context":{"text":"art","link":"https:\/\/nathanielstern.com\/blog\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1591,"url":"https:\/\/nathanielstern.com\/blog\/2008\/02\/20\/contemporary-irish-art-society-and-a-birthday-blog\/","url_meta":{"origin":5431,"position":3},"title":"Contemporary Irish Art Society and a Birthday Blog (updated below)","author":"nathaniel","date":"20 February 2008","format":false,"excerpt":"Haydn and I gave very brief talks to the the Contemporary Irish Art Society last night, about my recent print work for Art on Paper Gallery (South Africa) and Haydn Shaughnessy Gallery (Ireland and in Second Life). It was really fun to be with an audience who knew nothing of\u2026","rel":"","context":"In &quot;art&quot;","block_context":{"text":"art","link":"https:\/\/nathanielstern.com\/blog\/category\/art\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":552,"url":"https:\/\/nathanielstern.com\/blog\/2005\/02\/20\/wordpress-theme-for-wordpress-15-nan\/","url_meta":{"origin":5431,"position":4},"title":"wordpress theme for wordpress 1.5: NAN","author":"nathaniel","date":"20 February 2005","format":false,"excerpt":"the NAN wordpress theme for wordpress 2.0 - free!","rel":"","context":"In &quot;art and tech&quot;","block_context":{"text":"art and tech","link":"https:\/\/nathanielstern.com\/blog\/category\/art-and-tech\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":560,"url":"https:\/\/nathanielstern.com\/blog\/2005\/02\/27\/new-wordpress-15-theme-stuttering\/","url_meta":{"origin":5431,"position":5},"title":"new wordpress 2.0 theme: stuttering","author":"nathaniel","date":"27 February 2005","format":false,"excerpt":"stuttering 1.5 is completely compatible with wordpress 2.0! the new version (stuttering 2.0, dec 24, 2005) merely includes a thumbnail image for the new presentation area in wordpress lots of bug fixes on latest version, updated 6 april 2005! So, I've taken some advice and calls for help with the\u2026","rel":"","context":"In &quot;art and tech&quot;","block_context":{"text":"art and tech","link":"https:\/\/nathanielstern.com\/blog\/category\/art-and-tech\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/posts\/5431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/comments?post=5431"}],"version-history":[{"count":2,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/posts\/5431\/revisions"}],"predecessor-version":[{"id":5433,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/posts\/5431\/revisions\/5433"}],"wp:attachment":[{"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/media?parent=5431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/categories?post=5431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nathanielstern.com\/blog\/wp-json\/wp\/v2\/tags?post=5431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}