WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] how to change header html in Twenty-Eleven? (6 posts)

  1. mclbooks
    Member
    Posted 2 years ago #

    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?

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  3. mclbooks
    Member
    Posted 2 years ago #

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

  4. brazley
    Member
    Posted 2 years ago #

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

    courtney
    :end

  5. mclbooks
    Member
    Posted 2 years ago #

    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?

  6. mclbooks
    Member
    Posted 2 years ago #

    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 pr-int-sp-ex.com, 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.