Support » Fixing WordPress » how to change header html in Twenty-Eleven?

  • Resolved mclbooks


    In Twenty Eleven, how can I change the html of the header? I can’t get to it by choosing Appearance and Editor or Header. I want to style aspects of my title, such as having it on two lines with initial caps in red. I tried in-line styling the title itself, but although it shows correctly in the preview, it just shows the code when updated. What I want is visual/html tabs similar to the interface for a post or page. Shouldn’t there be the same flexibility for the header?

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi


    Forum Moderator

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Yes, I should have said that this is a child theme based on Twenty Eleven. But the question still stands.

    typically you will have to edit your #site-title and #site-description in your css for this. if im understanding you properly


    I’m not aware that you can style an element in css to display on two lines breaking between specific words, with initial caps in red. This sort of detail would normally have to be specified in the html. Please explain . . . And does anyone know why the html for the header is not accessible?

    The only way I found to solve this problem was:
    1. style the title in the interface as though it responded to html — which it does in the preview but not in a browser — and update;
    2. take a snapshot of the resulting preview and upload it to the media library;
    3. make the new image the header background image;
    4. remove previous styling from the title and update;
    5. add to the title and tag css: display:none, so it’s still SEO-friendly.
    See the result at, with the word “THE” on its own line in caps at a smaller size, and the initial caps of the words on the larger second line in red.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to change header html in Twenty-Eleven?’ is closed to new replies.