{"id":2376,"date":"2013-05-18T15:53:16","date_gmt":"2013-05-18T14:53:16","guid":{"rendered":"http:\/\/t-machine.org\/?p=2376"},"modified":"2013-05-18T15:53:35","modified_gmt":"2013-05-18T14:53:35","slug":"wordpress-add-logo-top-right-in-twenty-twelve-theme","status":"publish","type":"post","link":"http:\/\/new.t-machine.org\/index.php\/2013\/05\/18\/wordpress-add-logo-top-right-in-twenty-twelve-theme\/","title":{"rendered":"WordPress: Add logo top right in Twenty-Twelve theme"},"content":{"rendered":"

I’m not sure why, but out-of-the-box, WordPress’s excellent TwentyTwelve theme prevents you from putting anything in the (empty!) top-right area of the page. It’s a great place for a “contact” link or similar (and check out the Suffusion theme to see how many widget areas a good WP theme ought to have…).
\n<\/p>\n

What’s preventing it?<\/h2>\n

After a little exploration, I found that the H1 tag is inheriting a:<\/p>\n

[css]
\nclear:both;
\n[\/css]<\/p>\n

although this didn’t show up in Chrome’s CSS inspector (hmm…). Anyway, the fix was quite simple:<\/p>\n

    \n
  1. From WP dashboard, go: Appearance -%gt; Editor\n
  2. Select the “Header<\/strong>(header.php)” file\n
  3. near the top, find the “<hgroup> <h1>” part\n
  4. in the h1 tag, append an override to get rid of the clear:\n
      \n
    • “<h1 […whatever was there already…] style=”clear:none;”<\/strong>>”\n<\/ul>\n
    • above the h1 tag, but inside the hgroup tag, add your logo:\n
        \n
      • an image: “<img src=”…your image…”\/>\n
      • some php \/ a widget: “[copy paste whatever you wanted]”\n<\/ul>\n
      • Don’t forget: click “Update file” button on that page, or you’ll lose your changes ;)\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        I’m not sure why, but out-of-the-box, WordPress’s excellent TwentyTwelve theme prevents you from putting anything in the (empty!) top-right area of the page. It’s a great place for a “contact” link or similar (and check out the Suffusion theme to see how many widget areas a good WP theme ought to have…).<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,45],"tags":[],"_links":{"self":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2376"}],"collection":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/comments?post=2376"}],"version-history":[{"count":2,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2376\/revisions"}],"predecessor-version":[{"id":2378,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2376\/revisions\/2378"}],"wp:attachment":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/media?parent=2376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/categories?post=2376"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/tags?post=2376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}