Replace site title with image

  • Hi there,

    I’ve been following instructions all around internet to replace title and description of Twentyeleven theme for an image instead. This is 1.7 version, but it should be the same, I guess…

    Anyway, I have created a child theme, activated it, selected Show header text with your image checkbox and typed the following code into my new style.css file:

    h1#site-title span, h2#site-description {
	display:none
}

h1#site-title {
    	text-indent: -9999px;
    	background: url(./images/Header01.png) no-repeat;
    	width: 1000px;
    	height: 150px;
    	display: block;
}

    However, the image I want to place istead text (1000×150 width x height) appears misslifted from the position it should be, with blank spaces behind. You can check at https://www.boarding-gates.com

    How could I solve this? How could I place the header to take the mentioned space?

    Thanks in advance.

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

  • Hey LFC1280,

    Go to your .css file and go to line: 523

    There add the following code:
    margin-left: -76px;

    After adding that it will look like this:

    #site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
margin-left: -76px;
}

    Greetings,
    Adil

    Thread Starter LFC1280

    (@lfc1280)

    Hi buddy,

    Yeah, thanks to firebug I found out that the #hgroup block was the key. I don’t remember exactly what line of the original style.css was “padding” the h1 block, but I solved including margin: -55px 0 0 0; instruction in the style.css file of my child theme, and the banner went to the good position.

    Is this instruction correct, from the developer’s point of view? I mean, maybe this could be done by another way, (let me say) less tricky. It could be possible?

    Greets,

    LFC.

    Thread Starter LFC1280

    (@lfc1280)

    Yeah, that’s what I meant: I’ve made a test by making the firefox window smaller, and I’ve realized the banner I attached doesn’t get resized along with the header image.

    As far as I know, Twenty Eleven theme is responsive, but maybe I should add some code into the style.css to activate it, or to any other file. ?Does anybody know how to do this?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Replace site title with image’ is closed to new replies.