Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #18807
    Joaozinho
    Member

    Hi,
    Regarding website http://www.worldcupbrazil.net

    I 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.

    #18839
    Sakin
    Keymaster

    @Joaozinho: You can add in the following CSS in “Appearance => Theme Options => Custom CSS” box.
    #header-content { padding: 0; }

    #18848
    Joaozinho
    Member

    I just added it, but there is still white space on the left right side and underneath the header

    #18856
    Sakin
    Keymaster

    @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.

    #18863
    Joaozinho
    Member

    I 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.

    #18864
    Sakin
    Keymaster

    @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.

    #18865
    Joaozinho
    Member

    I 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?

    #18882
    Joaozinho
    Member

    I 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?

    #18909
    Sakin
    Keymaster

    @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

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘White space around header’ is closed to new replies.