Twenty Eleven move site title over image

  • Resolved baldarch

    (@baldarch)


    10 years, 10 months ago

    Hello
    Could I please have help with a Twenty Eleven css problem.

    I want to float the site-title over the top of the main image.

    I have tried to add padding-top to the #branding the image then runs down into the navigation bar.

    Also, the text gets stacked under the image.

    thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Can you kindly share your website url.

    Thread Starter baldarch

    (@baldarch)

    Thanks for getting back to me so quickly.

    Sorry it’s not live, I’m building it on a WAMP server (and as a child theme).

    Thread Starter baldarch

    (@baldarch)

    I used this css code to get around my problem.

    /* heading */
#site-title a{font-size: 60px; font-family: Georgia, Times New Roman, serif; position: relative;  z-index: 10;   text-shadow: 1px 3px 1px rgba(200, 200, 200, 1);  top:32px; left: 4px;}

/* site title on image */
#branding > a {display: block; position: absolute; top: 0; }
#branding a img {width: 100%;  z-index: 1;}
#branding hgroup, #branding #searchform {padding-top: 22px;  position: relative;  z-index: 5;}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Eleven move site title over image’ is closed to new replies.