{"id":1496,"date":"2024-07-17T14:33:13","date_gmt":"2024-07-17T14:33:13","guid":{"rendered":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/07\/17\/removing-unnecessary-white-space-on-wordpress-website-sitepoint\/"},"modified":"2024-07-17T14:33:13","modified_gmt":"2024-07-17T14:33:13","slug":"removing-unnecessary-white-space-on-wordpress-website-sitepoint","status":"publish","type":"post","link":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/07\/17\/removing-unnecessary-white-space-on-wordpress-website-sitepoint\/","title":{"rendered":"Removing unnecessary white space on WordPress website &#8211; SitePoint"},"content":{"rendered":"<p>HI<br \/>I\u2019m developing a website for a local museum in WordPress &#8211; see <a href=\"http:\/\/www.eastsurreymuseum.com\" rel=\"noopener nofollow ugc\">www.eastsurreymuseum.com<\/a>.<br \/> I\u2019m having problems getting some spacing right. For example, or both the \u201chome\u201d, and \u201cvisit\u201d pages, I\u2019d like to reduce the space between the green header section and the first image\/text by about 1cm.<br \/> WordPress\u2019s \u201cHappiness Engineers\u201d haven\u2019t been much help, glibly telling me to change the theme to 2024 or similar, which will completely change the layout of the website, so I suppose I need some CSS.<br \/> I struggle with CSS &#8211; I haven\u2019t really done much coding since my days as a COBOL programmer in the last century &#8211; but I have already managed to write some CSS code which has improved the website\u2019s appearance: I\u2019ve added this to the foot of this post<br \/> Could anyone help me?<br \/> Thanks!<br \/> <strong>My CSS:<\/strong><br \/>One clue: if you look at the pages which start with images or columns containing images (e.g. Home, Visit, Events) they all have too much space between the green header and the first image, but some other pages which are purely text (e.g. \u201cOur collections\u201d)  do not.<br \/>The margins are controlled with the following rule which defaults to 8rem and 6rem for smaller screens.<br \/>You can change it like so.<br \/>Thanks Paul &#8211; much appreciated!<br \/>Powered by <a href=\"https:\/\/www.discourse.org\">Discourse<\/a>, best viewed with JavaScript enabled<\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiYmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L3QvcmVtb3ZpbmctdW5uZWNlc3Nhcnktd2hpdGUtc3BhY2Utb24td29yZHByZXNzLXdlYnNpdGUvNDUxMzc10gEA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HII\u2019m developing a website for a local museum in WordPress &#8211; see www.eastsurreymuseum.com. I\u2019m having problems getting some spacing right. For example, or both the \u201chome\u201d, and \u201cvisit\u201d pages, I\u2019d like to reduce the space between the green header section and the first image\/text by about 1cm. WordPress\u2019s \u201cHappiness Engineers\u201d&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1496","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/1496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=1496"}],"version-history":[{"count":0,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/1496\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=1496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=1496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=1496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}