Word Press Help

Discussion in 'Blogging' started by billyh7, Mar 5, 2009.

  1. billyh7

    billyh7 Junior Member

    Joined:
    Dec 18, 2008
    Messages:
    162
    Likes Received:
    2
    My logo on my word press theme doesnt show 100%. It gets covered by the main menu bar on the site. I need to push everything down so I can see the full logo.
     
  2. commander_keen

    commander_keen Newbie

    Joined:
    Mar 1, 2009
    Messages:
    37
    Likes Received:
    5
    Occupation:
    Just another SEO manager
    The common issues with what you mentioned is probably CSS

    try to figure out if you have padding/spacing/margin attributes around you logo, it might help you

    best of luck here
     
  3. billyh7

    billyh7 Junior Member

    Joined:
    Dec 18, 2008
    Messages:
    162
    Likes Received:
    2
    what do I change?

    .headerleft {
    width: 420px;
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
     
  4. shm03

    shm03 Regular Member

    Joined:
    May 19, 2008
    Messages:
    284
    Likes Received:
    123
    add in the line:

    height: 100px;

    Then change the xxx px until it looks good (find the height of your logo)
     
  5. billyh7

    billyh7 Junior Member

    Joined:
    Dec 18, 2008
    Messages:
    162
    Likes Received:
    2
    I added it in. Still not working. This is what I have

    #header {
    background: #FFFFFF;
    width: 920px;
    height: 100px;
    color: #000000;
    font-size: 11px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    }

    #header h1 {
    color: #000000;
    font-size: 48px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    }

    #header h1 a, #header h1 a:visited {
    color: #000000;
    font-size: 48px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    }

    #header h1 a:hover{
    color: #000000;
    text-decoration: none;
    }

    #header p {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

    #header a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #header ul {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    }

    #header li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    }

    #header ul li a, #header ul li a:visited {
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #2255AA;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    }

    #header ul li a:hover {
    color: #CC0000;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    }

    .headerleft {
    width: 420px;
    float: left;
    font-size: 14px;
    height: 400px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }

    .headerright {
    width: 480px;
    float: right;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    font-weight: bold;
    text-align: right;
    }


    Im not sure whick 1 to adjust.