Support » Themes and Templates » How to place my logo in the middle instead of left

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    Do you have custom CSS in your theme? That’s the way to make change – otherwise you will lose them when the theme is updated. If your theme doesn’t have it, try this plugin:

    http://wordpress.org/plugins/custom-css-manager-plugin/

    In a brief “inspect element” i can see where your logo in placed… in a div with id: #logo_top an there is it’s CSS code….

    #logo_top {
    padding-top: 52px;
    float: left;
    }

    You should replace it with

    #logo_top {
    padding-top: 52px;
    text-align: center;
    float:none;
    }

    It will put the logo centered… almost centered, actually. The id has a style tag, a style tag than puts 50 px of additional padding in left (pushing the logo, with it)

    from your source code…

    <div id="logo_top" style="margin-top: 0px; margin-left: 50px; ">

    i supose it’s on you header.php file, you should delete the syle tag, like this

    <div id="logo_top">

    To achieve a perfect centered element

    CSS (with the plugin @wpyogi said, http://wordpress.org/plugins/custom-css-manager-plugin/ just add the rule…

    #logo_top {
    padding-top: 52px;
    text-align: center;
    float:none;
    }

    and delete the in-line style in the header file.

    Thank you aritzalvarez, your method worked. At first it was far to the right and just like you said there was an extra margin-left: 50px that I had to look at and it wasn’t in the header.php file but on my extra styling options of my theme, I didn’t want to delete it so I played with it and I replaced the margin-left: 50px to margin-left: -100px and Voila it worked perfectly

    Thanks again

    thanks guyz.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to place my logo in the middle instead of left’ is closed to new replies.