How can I add an email link to my header image?

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

Hi there
I have created a child theme
I have my
style.css
file sitting in a folder called
twentyeleven-child

with the following code in the style.css file

/*
Theme Name: Twenty Eleven Child
Theme URI: http: //example.com/
Description: Child theme for the Twenty Eleven theme
Author: Your name here
Author URI: http: //example.com/about/
Template: twentyeleven
Version: 0.1.0
*/

I have not put it online yet and await your advise on what to do next?

You now need to add a copy of the orginal header.php template file into your child theme, edit the file and immediately before the second occurrence of <?php get_search_form(); ?> add:

<div id="email-block></dv>

OK, Ive copied
header.php
into my childs theme and added
<div id=”email-block></dv>
immediately before the second occurrence of <?php get_search_form(); ?>
So now it looks like.

[Code moderated as per the Forum Rules. Please use the pastebin]

Just to note I would also like to NOT have grey border lines around my images. But we can deal with this later.
So, what next?

Site url?

Hi
Before I put this live on the site and select
Twenty Eleven Child as my theme can someone confirm that NOTHING will change on my site by doing this?
The colours I have set will remain the same, the header image will remain the same, the theme options will remain the same, the background colour will remain the same etc etc etc?
Because my site is actually live and I dont want it to look all different while someone advises me how to change things?
Thanks

We can’t help unless we can see the child theme on a live site.

Right, I have just selected my twenteleven-child theme it and it has completely messed the look of my website up
https://contemporaryfunctionband.co.uk/

Please advise.

Just to note, before I did this it looked like Twenty Eleven but had my own header, with a black background 000000, theme options Dark, Link Colour 1fbce4, contents on left with none of the text at the top

and looked like this (If im allowed to post images, or links to images on here)
https://thiscarbonfootprint.co.uk/how-it-looked-before.png

Except I had added some more text to the header image that had an email address on.

You need set up your custom header & theme options again for the child. Theme options are stored on a “per theme” basis.

OK.
Ive changed the header picture – not a problem

Ive stopped it from displaying the header text (if thats what its called) – not a problem

In THEME OPTIONS
Dark is selected (it was still selected from before) – not a problem

Select Colour is 1fbce4 (it was still selected from before) – not a problem

Default Layout has CONTENT ON LEFT selected, but this obviously isnt working as there seems to be no no space for widgets on the right (ie mp3 player etc) – PROBLEM

The fonts are all wrong, the header image is shifted to the left. the search bar isnt in the same position, the Page links under the header image are vertical rather than horizontal, the mp3 player is sitting on the bottom rather than on the right hand side

I want it to look EXACTLY how it did before, but just want to make a few MINUTE changes. Is this really the best way to do it?

Please advise on how to sort the above?

Yes – this is the best way to do it. And the child theme will not have altered your layout.

Hi Esmi
Have you looked at my link?

This is how it looks now
https://contemporaryfunctionband.co.uk/
this is how it looked before
https://thiscarbonfootprint.co.uk/how-it-looked-before.png

Here is what you advised to put in my child theme
https://thiscarbonfootprint.co.uk/what-the-twenty-eleven-child-css-text-reads.txt

It is sitting in my THEMES folder as a css file in a folder called
twentyeleven-child

Please advise

I never advised you put any of that into your child’s CSS file! Take it out.

Hi
But your post yesterday stated
You now need to add a copy of the orginal header.php template file into your child theme, edit the file and immediately before the second occurrence of <?php get_search_form(); ?> add:

<div id=”email-block></dv>

So (as far as I’m aware) I copied EVERYTHING out of header.php into the child theme and added the code you suggested.