- This topic has 12 replies, 3 voices, and was last updated 9 years, 6 months ago by Jan Deelstra.
-
AuthorPosts
-
March 22, 2015 at 5:53 am #54010Jan DeelstraMember
Can I remove the white gap at the top of the page above the header?
March 22, 2015 at 10:46 pm #54088SakinKeymaster@Jan Deelstra: Yes, post in your site URL so that I can check in exactly which area are you talking about. For now, you can try adjusting the padding in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
#header-content { padding: 40px 0; }
March 23, 2015 at 8:22 pm #54151tcurranMemberAs a follow-up to this – I was hoping to add a background image to this space for my design. Any advice?
March 23, 2015 at 9:57 pm #54163SakinKeymasterPost in your site URL and let me know where exactly you want to add in background image. You can also send me your image URL. Then I will compile CSS for you.
March 23, 2015 at 10:13 pm #54167tcurranMemberUnfortunately I can’t – I’m building a corporate intranet so it’s not accessible from the outside.
March 23, 2015 at 10:21 pm #54168SakinKeymasterthen post in your screenshot and image URL. So, that I can check that image. You can post both image and screenshot in any photo sharing site and post in URL here.
March 23, 2015 at 10:29 pm #54171tcurranMemberSure thing, here you go. The first image shows where I want the banner to be located – in the background behind where the Search box is, and the second image is what I’d like to be the background.
http://i.imgur.com/TKiK71E.png
http://i.imgur.com/vEm7H2J.pngMarch 24, 2015 at 12:12 am #54179Jan DeelstraMemberhttp://www.jandeelstra.com/is-this-you/ This page is a good example of what I’m trying to do. Above the purple header is an inch or so of white space. I posted your code in the custom css but the white strip band is still appearing.
March 24, 2015 at 12:17 am #54180Jan DeelstraMemberOr this one: http://www.jandeelstra.com/queens-dozen/
Between the menu and the header that space seems silly and wasteful. 🙂March 24, 2015 at 7:30 am #54208Jan DeelstraMemberHmm, I attempted to copy paste the CSS and instead when I paste this is all I get: http://www.jandeelstra.com/ I have double checked to see the size of my headers and they are all around 1600 x 400 px. Still have that unsightly gap above the headers and below the menu bar. Here’s a good example where the delineation is obvious. http://www.jandeelstra.com/theyre-bringing-the-straitjacket-for-me-time-sensitive/
March 24, 2015 at 10:44 am #54221SakinKeymaster@tcurran: You need to add in background image like following css. So, it depends on the css.
#header-content { background: transparent url(http://i.imgur.com/vEm7H2J.png) no-repeat; }
March 24, 2015 at 10:46 am #54222SakinKeymaster@Jan Deelstra: For your header space, you need to add the following cs sin “Custom CSS” box:
#header-content { padding: 0 ; }
March 24, 2015 at 11:48 pm #54261Jan DeelstraMemberThat did it Sakin! Thanks for the quick and accurate code!
-
AuthorPosts
- The topic ‘Removal of White Space Above Header’ is closed to new replies.