Space between header image and navigation menu CSS

Viewing 5 posts - 1 through 5 (of 5 total)
  • #6150
    PeterPDX
    Participant

    Hello, I am trying to enter a custom CSS to override the theme CSS that effects the space between the header image and the navigation menu. The CSS change I am entering on the custom CSS entry form is:

    #access:target .menu {
    padding-top: 0px;
    }

    I am not getting the desired result. I have also tried:

    #header input#s {
    width: 0;
    height: 16px;
    padding:0px 0px;
    margin-right:0;
    background:#dedede url(images/search.png) right center no-repeat;
    background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
    border:none;
    border-radius:24px;
    box-shadow: none;
    color:#999;
    font-size:12px;
    font-family:”Open Sans”, sans-serif;
    text-indent: 16px;
    -moz-transition: width .25s ease, margin .25s ease;
    -webkit-transition: width .25s ease, margin .25s ease;
    -o-transition: width .25s ease, margin .25s ease;
    -ms-transition: width .25s ease, margin .25s ease;
    transition: width .25s ease, margin .25s ease;
    }

    Can you help me?

    #6202
    Daniel Tara
    Keymaster

    The height of the header is given by the line-height property of the #site-title selector.

    #6223
    PeterPDX
    Participant

    Thanks for your reply Daniel, you are a truly talented designer and programmer. I attempted to enter this into my custom CSS panel under the theme options, but I am still not getting the desired effect (actually no effects as of yet)

    #site-title,
    #site-description {
    margin:0;
    font-weight:300;
    float:left;
    line-height:0px;
    }

    Am i missing something when trying to edit my CSS? I have programming and CSS experience, but relatively new to the WP backend. I ahve entered this code both into the custom CSS panel, as well as directly editing the style.css (just to test) and was not able to implement any changes.

    Thanks for your reply and your help, and again, thanks for your great themes!.

    #6225
    PeterPDX
    Participant

    Sorry, just a follow up. I was able to inspect the CSS elements using the Firebug plugin, I ended up changing the margin of the #sidebar-header to decrease the space between the menu bar and the header image, using this CSS override:

    #sidebar-header {
    float: right;
    height: 90px;
    margin: -65px 0;
    overflow: hidden;
    width: 728px;
    }

    Not sure if this is the best way to do this, but it did end up working for me.
    http://www.paleocookbook.us

    Thanks Daniel,

    #6229
    Daniel Tara
    Keymaster

    Yes, that was the other part. Forgot that the header widget was also adding margin.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.