Text on top of header image

  • Unknown's avatar
    cmjanz · Member ·

    http://dragonflydithers.com/ Theme Twenty Eleven.
    Hello, I would like to know how to superimpose text on my header image, something that I can change periodically.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, this is a challenge due to the way the CSS and HTML are structured, but this should give you a start on things. Make sure and view your site on smaller devices such as on a phone because your site description and title get strange. 

    #branding a::before {
    color: #fff;
    content: "This is some text";
    font-size: 175%;
    font-weight: bold;
    left: 50px;
    position: absolute;
    top: 200px;
}
#branding #access a::before, hgroup a::before {
    display: none;
}

    After viewing your site title and description behavior on a phone, let me know how you would like things to work on those and I can help with the CSS.

  • The topic ‘Text on top of header image’ is closed to new replies.