Centering Logo in Header – Sample Child Theme

[Landon]

So very frustrated with myself on this. Have added a logo to .header-image #title-area but can not get it centered. I've messed  with the css so much I've probably got it all screwed up. Regardless, if someone could take a look and tell me if something stands out, I'd really like to move past this and work on the rest of the site.

http://magmo.dev4.webenabled.net/
Genesis Framework
Sample Child Theme

Thanks a lot!

Landon

[Doak Heggeness]

You need to change the float:left to float:none or delete it.

---

Doak Heggeness, WordPress Development | Website

[Landon]

Doak, thanks for looking and responding. However, I've tried that. Float: right works as expected but Float: none or just deleting do not work, it remains on the left.

Currently it's Float: none but as you will see, it doesn't matter.

[leannemorrison]

Hi Landon, have you tried this?

Add "background-position: center !important;" to the #header rule

I found it in the archived posts just now.  Not sure where to add it (stylesheet etc) but I remember using it recently and it worked.

Hope it helps

Cheers

Leanne

[Landon]

Leanne, I had no luck with that either. It looks like after the fact the other person working on this placed...

 <a title="Home" href="http://www.magicmomentsdvd.com"><img alt="mmlogo1.png" src="http://magmo.dev4.webenabled.net/wp-content/uploads/2012/12/mmlogo1.png" /></a>

directly into the Genesis Theme Settings>Header and Footer Scripts.

Is this a suitable way of doing it? It doesn't 'feel' right.

Thanks again!

[Landon]

Leanne, I just ran into this again on a different site and your suggestion to add background-position: center !important; did the trick.

Thanks!

[Author]

Posts