Viewing 11 replies - 1 through 11 (of 11 total)
  • change the padding-bottom of your #header

    Thread Starter lexluthor123456

    (@lexluthor123456)

    How can i do that??… i am very new in all this.. please help me…

    on wp-admin go to Appearance > Editor > you will see the style.css contents on a textarea,

    look for #header there, once you found it, look for padding-bottom inside its #header{ look here } adjust its value like padding-bottom: 10px;

    Thread Starter lexluthor123456

    (@lexluthor123456)

    I did not find “padding-bottom” here:

    /* 2.3 Header */
    #header {
    padding: 1.618em 0 0;
    margin-bottom: 3.631em;
    border-bottom: 4px double #e8e4e3;
    clear: both;
    position: relative;
    }
    #header #logo {
    float: left;
    margin-bottom: 1.618em;
    }
    #header .site-title,
    #header .site-description {
    display: none;
    margin-bottom: 0;
    }
    #header .site-title a,
    #header .site-description a {
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    }
    #header hgroup {
    position: relative;
    margin-bottom: 1.618em;
    }
    #header hgroup:after {
    content: “020”;
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    }
    #header .nav-toggle {
    position: absolute;
    top: .53em;
    right: 0;
    width: 1.618em;
    height: 1.618em;
    cursor: pointer;
    font-family: sans-serif;
    background-color: #ff4800;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4800), to(#ee3700));
    /* Saf4+, Chrome */

    background-image: -webkit-linear-gradient(top, #ff4800, #ee3700);
    /* Chrome 10+, Saf5.1+, iOS 5+ */

    background-image: -moz-linear-gradient(top, #ff4800, #ee3700);
    /* FF3.6+ */

    background-image: -ms-linear-gradient(top, #ff4800, #ee3700);
    /* IE10 */

    background-image: -o-linear-gradient(top, #ff4800, #ee3700);
    /* Opera 11.10+ */

    background-image: linear-gradient(to bottom, #ff4800, #ee3700);
    border: 0.202em solid #bb0400;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #cc1500;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #cc1500;
    }
    #header .nav-toggle a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    }
    #header .nav-toggle a:hover {
    text-decoration: none;
    }
    #header .nav-toggle span {
    display: none;
    }
    #header .site-description {
    font-family: “Open Sans”, sans-serif;
    font-size: 1em;
    color: #9f9693;
    }
    #header #topad {
    float: right;
    }
    #header #navigation ul {
    float: none;
    }

    #header {
    padding: 1.618em 0 0;
    margin-bottom: 3.631em; <————- adjust the margin-bottom
    border-bottom: 4px double #e8e4e3;
    clear: both;
    position: relative;
    }

    Thread Starter lexluthor123456

    (@lexluthor123456)

    its not working….. 🙁

    I will assume that will not work,

    your site use a theme’s css called blue.css that you cannot access thru editor.

    I will give you 2 ways on this,
    learn the child theming to overide the parent theme or

    add !important to the margin-bottom and padding.

    #header {
    padding: 1.618em 0 0 0 !important; <————- this
    margin-bottom: 0 !important; <————- this
    border-bottom: 4px double #e8e4e3;
    clear: both;
    position: relative;
    }

    Thread Starter lexluthor123456

    (@lexluthor123456)

    oh yea…….!!!! hurray!!!

    It worked man….. 😀

    Thank You So much….

    I’m glad and welcome

    Thread Starter lexluthor123456

    (@lexluthor123456)

    😀 you are the best…!!

    Thread Starter lexluthor123456

    (@lexluthor123456)

    bye

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Remove Space Between Logo and Banner’ is closed to new replies.