WordPress.org

Ready to get started?Download WordPress

Forums

Moving the top of the menu list down (4 posts)

  1. jfruh
    Member
    Posted 9 years ago #

    Hello all-

    I am running into a problem whose solution is probably obvious but I can't see it. I am putting a photo at the top of my left-hand menu bar. I'm making customizations of the Dots theme from Alex King's website. When the photo was small, this worked fine, but increasing the size of the photo doesn't result in the top of the bullet lists in the menu bar being pushed down -- it seems that they are hardwired to be a certain distance from the top of the menu. You can see the problem in more detail here:

    http://www.joshlovesamber.com

    I can't find anything in wp-layout.css that regulates the top of the list. Any ideas help would be much appreciated!

    jf

    PS I know the photo is crappy at that resolution -- it's just a place holder for a photo I'm going to scan in later. Also, I know the site is cheezy -- it's a wedding website, whaddya want? :)

  2. omar
    Member
    Posted 9 years ago #

    I *think* I know what you're saying... I too have a photo at the top of my menu, (http://ondogriver.net/bullspeak/index.php), and I used the following:
    #menu {
    background: #E3DBC7 url(../images/3hunterslong.jpg) top center no-repeat;
    width: 230px;
    cursor: crosshair;
    margin: 380px 0px 0px 0px;
    padding: 390px 10px 10px 20px;
    position: absolute;
    right: 10px;
    top: 0;
    }

  3. jfruh
    Member
    Posted 9 years ago #

    That did the trick! For the record, the thing to tweak in this instance is the first attribute after "padding:". This apparently controls how far from the top of the menu the text begins. Thanks very much!

    jf

  4. TechGnome
    Moderator
    Posted 9 years ago #

    For those who don't know, when using CSS for anything where there is a top, bottom, left & right option, it is ALWAYS
    top right botton left (*hint* clickwise starting at the top)
    padding, border, margin all share this commonality

    http://www.w3schools.com for more info

    Tg

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.