WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Theme: Hatch - How to align logo, in place of title, to middle? (6 posts)

  1. lyndsay-mcneill
    Member
    Posted 1 year ago #

    Hello,

    I've replaced my site title with an image but as much as I try, the logo will not align to the middle of my site. It stays on the left. Please help. Thank you!

    http://www.lyndsay-mcneill.com/

  2. David Beja
    Member
    Posted 1 year ago #

    Try adding this to your css:

    #branding {
        width: 100%;
    }
    
    #site-title {
       text-align: center;
    }
  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Hopefully you have custom CSS set up -- as you should not be making changes to your theme files -- they will be erased when the theme is updated.

    Add this to your CSS:

    #branding {
       width: 100%;
    }
    
    img.logo {
       display: block;
       margin: 0 auto;
    }
  4. lyndsay-mcneill
    Member
    Posted 1 year ago #

    First option worked! Thank you.

  5. jassghamdi
    Member
    Posted 10 months ago #

    hi guys.. I'm trying to place the logo to the centre but it won't move. I tried your codes up there but no lock!
    The current code is:

    img#logo{
    margin:0;
    overflow:hidden;
    float:left;
    width:240px;
    width:240px\9;
    margin:30px 0\9;

    please help

  6. paulwpxp
    Font hero
    Posted 10 months ago #

    @jassghamdi

    The code above is specific to Hatch theme, and there is no id logo ( #logo ) in Hatch theme. Your CSS is definitely wrong, or not for this theme.

    Please open a new separate topic for this and provide theme name, along with link to your site.

Topic Closed

This topic has been closed to new replies.

About this Topic