How to Center and Make Header Clickable

[inesphere]

Hi everyone,

After adding a custom header image, it is not centered nor is it clickable. Without having to change the image size, is there a way to center it? And the big one is how do I once again make header image clickable to bring visitors back to the homepage?

link to site: http://www.inesphere.com/blog/

Although not familiar with CSS, I have tried a few things. So far what I can find online is not helping. I can't figure out if I have to make a change to the functions.php or the style.css. Basically, I have no idea how to fix it.

Many thanks in advance..

http://www.inesphere.com/blog/

[Brad Dalton]

How did you add it?

If you add it using CSS it won't be linked.

You can use the Custom Header function or PHP to link it to any URL.

---

Tutorials for StudioPress Themes.

[inesphere]

Hi,

I am not even sure what it means "add it using CSS" that's how hopeless I am, but what I can tell you is that I went to appearance-->header-->select image then browse and upload-->save changes and bam image is up but not clickable. So, I am guessing I was using the Custom Header function, but how do you link it with the URL?

This is the bit where I can change the header image size in functions.php, but it doesn't inlcude the URL bit

// Add support for custom header
add_theme_support( 'genesis-custom-header', array(
'flex-height' => true,
'height' => 250,
'width' => 980
) );

Any thoughts?

Thank you..

[Brad Dalton]

That's not how it is added, according to your CSS this is how:

#header {
background: url(http://www.inesphere.com/blog/Media/2014/08/blog-header_980x250px.png) no-repeat !important;
}

---

Tutorials for StudioPress Themes.

[inesphere]

Hi Brad,

I am sorry, but I don't find your answer helpful. If that is not how I add a new header, meaning if I am not meant to use the custom header functions to add a customized header, how do I approach this? I recognize that the above is the url link for the image but I am not connecting the dots.

[Brad Dalton]

I suggest you ask for help on the theme Developers forums for the Runway theme.

If you add it using CSS it won’t be linked.

You need to use the Custom Header function under Appearance in your dashboard.

Your image has not been added this way and has been added using CSS which is why it isn't linking.

---

Tutorials for StudioPress Themes.

[inesphere]

Hmm that's interesting. As I've said above, I did add the image using the Custom Header function under Appearance in my dashboard. I did not use CSS to add it. I simply went to Appearance tab and done it that way. If I am using the Custom Header, and the problem persists then what could it be?

[Brad Dalton]

---

Tutorials for StudioPress Themes.

[inesphere]

I see what you are saying, but it doesn't help me solve the problem. And it could be that I am just not understanding how it all works and missing an important step. I have done exactly what you recommended, which is add the new header image using the Custom Header function. What you show above is absolutely true, but as a novice to this I am not getting the message across.

Look I am really sorry, it's like a brand new language so bare with me. From what you can tell, do you have a tip as to how I can fix the actual problem? "Your image has not been added this way and has been added using CSS which is why it isn’t linking". If this is the case, is there a way to fix it or is this is a much bigger issues?

[Brad Dalton]

Please remove this CSS from where you added it.

---

Tutorials for StudioPress Themes.

[inesphere]

If I remove this CSS it removes the header image. I would like to keep the image and make it clickable. My guess is I need to add something to both the functions.php and the style.css for this to work.

[inesphere]

Omg, I think I am starting to understand it. I need to keep the Site Title, but somehow I need to find a way to make it invisible that way the site title is there but it is not on top of the header.

[Author]

Posts