Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #4850

    Hi, I’m sorry if this is a stupid question. I have come quite far as to customizing the Clean Cut theme to my client needs, but I can’t figure out how to center the logo to be displayed under the main menu (which I also want to have in a centered position). If someone could please assist, it would be greatly appreciated.

    I have read through other posts but didn’t find anything that helps me.

    Regards.

    #47768

    Hey,

    can you post a link to your website – we can give you exact instructions then.

    #47769

    Hi, sorry for only replying now. Here is a temporary link to the site: http://www.jooba.co.za/wp/?page_id=335

    I have added style tags into the php to experiment, which is obviously not correct, but this is basically what I want to do.

    #47770

    Hey,

    the good news is that firebug indicates that the logo is already centered by the css. This css code:

    style="width:155px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;"

    (or better would be):

    style="width:155px; margin: 20px auto;"

    centers the image. It would be great to see the logo image and if it aligns right – however at the moment the image path isn’t correct and the alt text displays instead. Great website design btw – I really like it :)

    #47771

    Hey Dude, thank you, I’m seriously useless with coding though. I couldn’t find the correct div styles in the css files, so I edited the div’s in the php files, where needed. is that fine? Then, I am struggling to remove the border around the logo container.

    Thanx for your help!

    #47772

    Hey Dude, I for some reason I can’t get my logo to display – http://www.deaorganics.com/wp/?page_id=335

    Do you have any advise?

    #47773

    I think you’ve a typo/syntax error in the logo code:

    <h2 style="width:155px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border:none;" class="logo" logoimg"><a href="http://www.deaorganics.com/wp/"><img class="ie6fix" src="http://www.deaorganics.com/wp/wp-content/uploads/2011/07/dea_logo_web1.png" alt="http://www.deaorganics.com/wp" /></a></h2>

    Try following code instead:

    <h2 style="width:155px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border:none;" class="logo logoimg"><a href="http://www.deaorganics.com/wp/"><img class="ie6fix" src="http://www.deaorganics.com/wp/wp-content/uploads/2011/07/dea_logo_web1.png" alt="http://www.deaorganics.com/wp" /></a></h2>

    and in style.css change:

    #top .logo a, #top .logo a:hover{
    top:0;
    left:0;
    text-indent:-9999px;
    outline:none;
    border: none;
    }

    to:

    #top .logo a, #top .logo a:hover{
    top:0;
    left:0;
    /*text-indent:-9999px;*/
    outline:none;
    border: none;
    }

    #47774

    Hi Dude, thank you so much for all your help. Regards

    #47775

    Glad that I could help you :)

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

The topic ‘Center Logo below centered menu’ is closed to new replies.