WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove Space Between Logo and Banner (12 posts)

  1. lexluthor123456
    Member
    Posted 10 months ago #

    hello, Can anyone here tell me how I can remove space between logo and banner in my website.

    My web site is http://swagshirts99.com

  2. roiabrazaldo
    Member
    Posted 10 months ago #

    change the padding-bottom of your #header

  3. lexluthor123456
    Member
    Posted 10 months ago #

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

  4. roiabrazaldo
    Member
    Posted 10 months ago #

    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;

  5. lexluthor123456
    Member
    Posted 10 months ago #

    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;
    }

  6. roiabrazaldo
    Member
    Posted 10 months ago #

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

  7. lexluthor123456
    Member
    Posted 10 months ago #

    its not working..... :(

  8. roiabrazaldo
    Member
    Posted 10 months ago #

    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;
    }

  9. lexluthor123456
    Member
    Posted 10 months ago #

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

    It worked man..... :D

    Thank You So much....

  10. roiabrazaldo
    Member
    Posted 10 months ago #

    I'm glad and welcome

  11. lexluthor123456
    Member
    Posted 10 months ago #

    :D you are the best...!!

  12. lexluthor123456
    Member
    Posted 10 months ago #

    bye

Reply

You must log in to post.

About this Topic