Tagged: header, sidebar, white space, wordpress
- This topic has 5 replies, 2 voices, and was last updated 10 years, 2 months ago by nac2311.
-
AuthorPosts
-
September 26, 2014 at 11:06 pm #44913nac2311Member
Hi @sakin,
Hope you’re well.
I have a problem – that probably has an easy fix??
http://www.crestchic .fr – When you take a look at this page there’s a lot of white space at the top of the screen (logo area/header right sidebar area etc). How do I reduce that white space. The old test site http://www.marcomsonline. co.uk was much better (and more aligned) and I haven’t done anything different (that I know of) when I transferred the website between domains.
Please help 🙂
Regards
NeilSeptember 27, 2014 at 1:15 am #44926SakinKeymaster@nac2311: You can add the following css in “Appearance => Theme Options => Custom CSS” box and it will be same like your old site.
#sidebar-top { clear: none; } #sidebar-top .widget:last-child { margin-bottom: 0; }
September 29, 2014 at 6:16 pm #45061nac2311MemberThanks @sakin.
As ever, you are extremely helpful 🙂
October 1, 2014 at 4:28 pm #45150nac2311MemberHi @sakin,
Sorry to ask again, but is there are way to further reduce the white space at the top making it even slimmer? Just a thought…Can the logo and widget areas be reduced in size, not just the margin space around them as per your code from the last post? Also, just wondered if the search button could be replaced by a graphic? I’m thinking of a magnifying glass instead of the word ‘search’?
Thanks again 🙂
NeilOctober 1, 2014 at 11:44 pm #45159SakinKeymaster@nac2311: To remove the spaces, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { margin: 10px 0 0; } #sidebar-top p { margin-bottom: 10px; }
About the search, sorry this option is not there. So, for this you might need to consider hiring customizer.
October 2, 2014 at 4:27 pm #45197nac2311MemberThanks @sakin 🙂
-
AuthorPosts
- The topic ‘How to reduce the white space at the top of the webpage’ is closed to new replies.