WordPress.org

Ready to get started?Download WordPress

Forums

[Twenty Twelve] Simple header w/Text over pic? (1 post)

  1. Charles.E
    Member
    Posted 1 year ago #

    I am stumped trying to create a simple banner image with a text link on it, using the Twenty Twelve theme. This is something extremely simple (apparently) in the Twenty Eleven theme, according to the Designing Headers page in the Codex. I'm trying to make a basic clickable text link over a page-wide image banner, like in this image from the Codex:

    https://codex.wordpress.org/File:redtrainthemeheader.jpg

    Now I've fiddled around with the CSS extensively. I've got a child theme working fine, I can move the Site Title above the Header Image, as described in other Forum tips I read here. But I just can't seem to combine them. I'm not sure where to combine them. You can change Header.php, and some changes to the child's style.css is probably necessary. Can anyone suggest a few hints?

    I think the problem here is that the Twenty Twelve theme has a "responsive design" approach, the banner gets resized as you move the window narrower and the dynamic width web page is reformatted, making it work on even tiny screens like an iPhone. I could just remove the Site Title, and photoshop the name into the graphic in the Header Image. But when it's resized, it looks really ugly. So I would rather use a text link over the image, and have the image span the width of the page.

Topic Closed

This topic has been closed to new replies.

About this Topic