WordPress.org

Ready to get started?Download WordPress

Forums

How to remove Banner width? (6 posts)

  1. dekzgimutao
    Member
    Posted 2 years ago #

    This is my website http://michelebrunello.com/ I want to remove the header or the banner border so the banner would fit and would be close enough to the navigation button and on the top screen. Thanks

  2. dkotter
    Member
    Posted 2 years ago #

    Okay the issue is not a border but there is some extra padding that is causing the white space between the header and navigation. So you'll need to edit a few things in your style.css file.

    The first should be found around line 303. It should currently look like this:

    #header {
       background: #33342E url(images/bg-header.png) repeat-x top;
       border-top: 1px solid #252620;
       padding: 15px 0;
    }

    You'll need to change the padding part so the final code will look like this:

    #header {
       background: #33342E url(images/bg-header.png) repeat-x top;
       border-top: 1px solid #252620;
       padding: 15px 0 0;
    }

    Basically just another zero in the padding. The next part you'll need to change is around line 311 and currently looks like this:

    #logo {
       float: left;
       overflow: hidden;
       padding: 15px 0 10px;
    }

    Again you'll just need to change the padding part of it so the final code should look like this:

    #logo {
       float: left;
       overflow: hidden;
       padding: 15px 0 0;
    }

    Changing the 10px to zero.

  3. dekzgimutao
    Member
    Posted 2 years ago #

    Hello Sir dkotter,

    Thank you for your response, I think I got it on banner bottom part but it has a little more space? And on the top portion I have a navigation menu there before and I've deleted it from the header.php I think it is somewhere in the css to remove the unseen navigation menu? Please see here http://michelebrunello.com/ Thank you very much Sir

  4. dkotter
    Member
    Posted 2 years ago #

    If you change both styles like I mentioned above, there should be no space between the header image and the navigation.

    As far as an unseen navigation menu, I'm not seeing anything in the code, so I don't think that should be an issue.

  5. dekzgimutao
    Member
    Posted 2 years ago #

    Thank you Sir,

    I've made the changes but top portions seems to be same, I tried it via localhost the bottom part worked but the top portion stays the same. Thank you for your response Sir dkotter

  6. dekzgimutao
    Member
    Posted 2 years ago #

    And last thing Sir,

    do you know how to change the css of my theme to make the page looks like this http://katiefreiling.com/ this site has its navigation which is purple not extended until the left and right corner. My navigition seems to be extended from left and right corner and my content and footer too. Is it possible to have a style or format similar to the link above? Thanks in advance Sir your such a great help.

Topic Closed

This topic has been closed to new replies.

About this Topic