Replace Header Text with Image in Twenty Eleven 1.7 theme

  • Unknown's avatar
    fawkes1280 · Member ·

    Hi there,

    I have several problems replacing the Header Text in this theme. I’ve been following different techniques, but the blog doesn’t show it properly. This is what I have in my style.css file of my child theme:

    @import url("../twentyeleven/style.css");

#site-title {
   text-indent: -9999px;
   width: 1000px;  /*  width of the image file. */
   height: 150px;  /*  height of the image file. */
   margin:30px 0 0 0;
   background: url(./images/Header02.png) #fff no-repeat;
   font-size: 1px;
   line-height: 1px;
   text-decoration: none;
}

#branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;
}

#branding #s {
 	display:none;
	border-top: 0px;
}

    And this is the blog itself: http://boarding-gates.com/

    I don’t know why all those blank screens appear around Header02.png image, with is just a black stripe (1000×150 px) to test. I have “Show header text with your image” checkbox marked as well, just for information.

    How could I solve this? What should I change on code to set the header on its proper position?

    Thanks in advance.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, http://boarding-gates.com/ is using WordPress, but is not hosted here at WordPress.com, it is self-hosted. There is a forum at WordPress.org for the self-hosted version of Twenty Eleven at: http://wordpress.org/support/theme/twentyeleven

    For general questions on your self-hosted WordPress site, the support forums is here: http://wordpress.org/support/

  • The topic ‘Replace Header Text with Image in Twenty Eleven 1.7 theme’ is closed to new replies.