[Theme Twenty Eleven] images around h1 text

  • Elenwen

    (@elenwen)


    11 years, 5 months ago

    What I want: the h1 text itself in a white space, a (background) image around this

    the problem with simply using a background image for h1 is that the white space the text appears in has to be dynamic (as in lager for longer text, smaller for shorter).

    could anyone help me with this?

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

    (@wpyogi)

    11 years, 5 months ago

    I don’t think it’s possible to do that within the same div element — so you’d likely need to add another div around the h1 — make that white, and put the image as a background in the outer div. That would involve modifying the header.php file and the CSS — how much coding experience have you?

    Thread Starter Elenwen

    (@elenwen)

    11 years, 5 months ago

    A little, I can do small modifications to both CSS and php. Your suggestion really sounds like the way to do it, but I don’t think I can do this myself (I already spent way to much time trying out a few approaches).

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    Do you have a child theme set up – -that’s a must if you are going to change anything in the theme:

    http://codex.wordpress.org/Child_Themes

    Thread Starter Elenwen

    (@elenwen)

    11 years, 5 months ago

    Yup, I do.

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    It might not be that hard to do what you want — you could try it in a new header.php file in your child theme — if it doesn’t work, just chuck that file :). Do you have the background image already set? Can you post a link to your site?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme Twenty Eleven] images around h1 text’ is closed to new replies.

Tags