marybaum

They look square now, in Chrome 64 for Mac.

Your margins are varying a bit from product to product, and you might want to set a hard limit on the height of your

• .

  But do a hard refresh, or clear your browser cache and refresh, and you should be all set.

  Teatime there about now, innit?

  😜

I’d leave your .htaccess file alone, btw, in any case. In nearly six years of messing with themes, I’ve never had to touch it once.

The wp-config file? Yes, with good and dreadful results. (At different times.)

But the .htaccess file, I figure, is for real back-end devs. Not just tennis ladies who can click icons in cPanel.

😉

I just nuked all the rows from that table too. I hadn’t logged in to the site with the problem in more than a month.

Have always been able to log in before, but now. with the table empty – and there were no IPs in it to start with, I couldn’t log in.

Guess what? Now the table has one new record in it.

This is looking more like a bug every minute.

Joy, what theme are you using? The fact that it uses <hgroup> makes me wonder if it hasn’t been updated in a while – like maybe YEARS. As in, I’ve never used it, and I’ve been writing html/css since 2007.

I generally add logos with this rule:

.site-header .site-title a {
 background: #c0102 url(images/logofile.png);
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
width: xx%;
}

Note: I just used #c0102 to spell ‘color’ in hex. And I generally upload the logo to the wp-content/themes/mytheme/images/ folder so I can use the relative file path to the image. It’s a bit more flexible.

Assuming you don’t want your site title rendered in text, the indent of -9999px throws that text so far off the page you shouldn’t have to worry about anyone seeing it. (Except maybe on a Jumbotron.)

If you do want to use text, add padding to wherever you want your logo to show, and make sure all its containers are big enough that they don’t crop it off.

I don’t recommend setting dimensions in pixels, especially in responsive design. Instead, use percentages or ems for widths, rems or ems for heights. Most themes will calibrate the html and body rules to make a rem equal 10px – which is starting to feel a bit too locked-in for me now.

Pixels are still a thing, though – I use them in text-indent. Also, shadows, because they’re supposed to be subtle and other measures could get un-subtle in a hurry.

Your markup should look a little like this:

<header>
  <div class="site-header">
    <div class="site-title">
        <a href="http://myhomepage.com"></a>
     </div>
  </div>
</header>

There’s no real need for an h1 here unless you want to render your site name in text.

Likewise, you don’t 100% need the site-title class unless you’re also using the site-description class. And the site-header class is what keeps everything together, doing the job of your old pal <hgroup>.

If you want a widget to the right of your logo – for navigation maybe? – add a title-area class and a widget-area class inside the <header> element.

Thank you, esmi! Just followed your directions and ended a frustrating 24 hours of corrupted install on my daughter’s site. I’ve never been so happy to see a button turn blue . . . well, that might be a minor hyperbole.

Now I can finish the 10-min task I started yesterday and get busy on some slides for my #genesiswp talk at a Meetup in five hours.