1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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.