How to center-align logo in the Edin Theme?

  • Hello,

    I’ve been trying for hours with no success – how can I center-align the logo image of my site?

    I tried adding “text-align:center” in the css editor, everywhere it said “logo” or “title” – it didn’t work.

    When I inspect the element on my page the logo part is seen like this:
    <img width="300" height="95" src="https://i1.wp.com/ipo-sulamot.org/wp-content/uploads/2016/01/Sulamot-ENG-web.png?zoom=2&fit=300%2C95" class="site-logo attachment-edin-logo" alt="Sulamot-ENG-web" data-size="edin-logo" itemprop="logo" src-orig="https://i1.wp.com/ipo-sulamot.org/wp-content/uploads/2016/01/Sulamot-ENG-web.png?fit=300%2C95" scale="2">

    But when I add the code to the css it doesn’t work either:

    .site-logo {
	float: none;
	text-align: center;
}

    Can anyone help please?
    my site: https://ipo-sulamot.org

    password: [Deleted. please do not publish your personal info]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Timna,

    It looks like there’s a float on the parent div (.site-branding). It looks if you remove the float on that and add margin: 0 auto to .site-logo, it will center it like you want.

    Thread Starter Timna

    (@timna)

    Dear Allison,

    Thank you for your answer, it worked!

    Timna

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to center-align logo in the Edin Theme?’ is closed to new replies.