Tagged: header
- This topic has 8 replies, 2 voices, and was last updated 10 years, 3 months ago by Sakin.
-
AuthorPosts
-
January 2, 2014 at 9:16 pm #18807JoaozinhoMember
Hi,
Regarding website http://www.worldcupbrazil.netI have added an image as header (1002 x 986x) but all this white space surrounds the header image. Also the search appears underneath. How do I remove the search and put in the menu? And how do I remove all this white space?
I entered the code #hgroup-wrap, #site-logo { padding: 0; } in custom CSS but no resolve. Also if I use a huge image, the problem exists.
Can you help us out? Thanks in advance.
January 4, 2014 at 9:47 am #18839SakinKeymaster@Joaozinho: You can add in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { padding: 0; }
January 4, 2014 at 10:03 am #18848JoaozinhoMemberI just added it, but there is still white space on the left right side and underneath the header
January 4, 2014 at 2:41 pm #18856SakinKeymaster@Joaozinho: I see that you have forgotten to add padding: 0 in your custom css. Please follow the css that I gave you. Also, I see that you are using Catch Box Pro theme and you don’t need custom css for header spaces. For that you can just go to “Appearance => Theme Options => Header Options”, there you can change Header Top Margin, Header Right Margin, Header Bottom Margin and Header Left Margin as per your need.
January 4, 2014 at 3:48 pm #18863JoaozinhoMemberI did add #header-content { padding: 0; } in custom css, I see it in when I go to custom css. It is on the first line.
I don’t understand about those margins, no idea how to remove the white space in header options with the margins. You have px, pt, em and %. No idea what to do here.
January 4, 2014 at 4:02 pm #18864SakinKeymaster@Joaozinho: Maybe you have Cache plugin installed then you need to clear the cache. I just see
#header-content {}
in your custom CSS. You can just change that to 0 for all to remove it.January 4, 2014 at 4:09 pm #18865JoaozinhoMemberI put 0 in all the margins. Now there is only white space underneath the header together with search. How can this be removed? Can search be placed in the menu?
January 5, 2014 at 2:36 am #18882JoaozinhoMemberI deleted the cache in cacheplugin. Can you now see the 0 in the #header-content { padding: 0; } code? The white space is gone except for underneath the logo. How to remove this white space and how to move the search in the menu?
January 5, 2014 at 10:44 pm #18909SakinKeymaster@Joaozinho: There is no default option to move the search to the menu. You can add search in your sidebar. That will be good. About the header white space underneath the logo. I don’t see it any. It’s just your header image have show border at bottom. Edit that image. See this http://www.worldcupbrazil.net/wp-content/uploads/2014/01/copy-website.jpg
-
AuthorPosts
- The topic ‘White space around header’ is closed to new replies.