Twenty Eleven Theme

If you don’t want to use a child theme, you can install Jetpack and enable the Custom CSS module, or find and use a stand-alone css plugin. Then you can add something like:

#access a {
    color: #fff;
    display: block;
    line-height: 3.333em;
    padding: 8px 0 0 40px;
    text-decoration: none;
}

The only change here is reducing the link padding-left to 40 from 50px.

Hi Amy,

The ‘blog’ link is getting forced to a second line because there isn’t width enough for it. It only happens on your home page because there is no background image (logo) on the first link (home) squeezing things on the other pages.

Installing a custom css plugin is actually quite easy, and you’d just need to cut and paste only the above css into it. Your links will move a little closer together to make room. I understand if you’d rather not.

Another idea might be to move the social links elsewhere, into a footer for example. That would likewise give you more room up top. That’s assuming that they were placed into a widget area which, if so, is easy to change. Anyway, good luck!

Hi Amy,

Hope you don’t mind me chiming in.

You can either use Jetpack as @bill suggested or use Simple Custom CSS.

From your WordPress Dashboard, just head to your Plugin > Add New and then search for Simple Custom CSS. Once Installed, just activate it.
The go to Appearance > Custom CSS. Paste the code that Bill provided there and save the changes. You’re all done. 🙂

For further reading, you can checkout the codex guide to installing a plugin.

Hi Amy,

You actually need to remove the /* */.
What that does is, it comments out anything in between those characters and will not take effect on the code. So just remove them and that should work 🙂

You can also try to use this instead ( I’ve removed the redundant code that’s why it’s shorter):

#access a {
    padding: 8px 0 0 40px;
}