How to overlay site title & tag line on header image in twenty eleven 2011 theme

  • Type2

    (@type2)


    13 years ago

    I have searched extensively and perhaps have missed something obvious, but I simply cannot figure out how to do this in Twenty Eleven. I have got this to work in another theme here: https://lawrencebankruptcy.com/ — You can see the title is over the image. Here is the website I am trying to get this to work on: https://topekabankruptcy.org/

    Any ideas? Thanks!

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

    (@alchymyth)

    your sample link has no title on the header – if you want that, goto:
    dashboard – appearance – header: Display Text tick [No]

    otherwise, to move the title and description over the image (which will make them effectively very difficult to read) add this to style.css of the child theme:

    #branding { position: relative; }
#branding hgroup { position: absolute; top: 0px; }
    Thread Starter Type2

    (@type2)

    I added your code to the style.css

    That was exactly what I wanted. Thanks!

    Thread Starter Type2

    (@type2)

    Well, the words are in the correct spot, but only the Title is Black. The “Bankruptcy Licensed in Kansas” is now gray. Any idea why?

    esmi

    (@esmi)

    Try using Firefox with the Firebug add-on for this kind of work.
    https://getfirebug.com/

    Thread Starter Type2

    (@type2)

    I’ll check it out. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to overlay site title & tag line on header image in twenty eleven 2011 theme’ is closed to new replies.