Stretch Theme Header/logo Question

[[email protected] Design]

I'd like to add a logo in place of the text. Does anyone know how to do this?

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[SteveVanHove]

Hey Steve,

I am trying to do the same thing, and I found some answers.

First there is Genesis Simple Headers

If you want the logo to be responsive, try Genesis Responsive Header

Hope this helps!

Steve

[[email protected] Design]

Thank you SteveVanHove for the reply. I've tried both and neither worked.

Did either work for you? Did you have to do anything else other than the basic directions?

Thx Steve

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[SteveVanHove]

Sorry, I only followed the basic directions, maybe you need to contact the plugins' authors. 🙁

Btw I am using the Balance theme with Genesis 1.8 (or whatever is the latest) and WP 3.5.

My site (under development, it won't stay there)

Wish I could be of more help by my WP dev skills are very limited and this is my first time with Genesis.

Steve

[[email protected] Design]

No problem. Thanks for trying to help out.

Steve

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[SteveVanHove]

Good luck! 🙂

[Anita]

Steve, can you share the link to your site?

---

Love coffee, chocolate and my Bella!

[[email protected] Design]

http://bassanglerhq.com/basshookups/

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Anita]

After reviewing it, the bar is the Navigation/Menu. I will have defer to another member to see if they can help you. You might want to submit this as a ticket.

---

Love coffee, chocolate and my Bella!

[[email protected] Design]

Thank you anitac, I have submitted a ticket. Waiting for a reply.

 

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Marc]

Would it be acceptable and have you tried creating a new rule in the style-sheet for the title area and include your logo image?

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[[email protected] Design]

Don't know what that is. But, if you can tell me to add "such & such" code to this file in this location,.. I can usually do that.

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[[email protected] Design]

This doesn't make any sense,.. We're communicating about something in two locations, here and with my "submitted" ticket. The "old" forums, ALL members of the "community" could see the problem, suggestions, solutions, etc. in ONE location and the WHOLE community benefits. If someone else has the same question, Voilà the solution has already been found.

I'm wondering how many problems/questions got taken care of by members simply searching previous posts?

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Marc]

I am not very familiar with Stretch so I am sure there is a more elegant way to do it, but the steps below get it started.  You will of course need to edit to suit your site and header graphic.

Proof - http://resultzdigital.com/stretch-trial/

Actions -

Created a 180px by 48px transparent png image named stretch-header-image-trial.png

Uploaded it to the images folder of the stretch theme

Modified the Stretch  /* 03b - Header */ CSS section as below:

#title {
background: url(images/stretch-header-image-trial.png) no-repeat;
background-color: #faea85;
height: 48px;
width: 180px;
line-height: 1;
margin: 0;
}

#title a {
color: transparent;
display: block;
padding: 16px;
padding: 1rem;
}

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[[email protected] Design]

Thx Marc, I tried that but the logo is not displaying.

http://bassanglerhq.com/basshookups/

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Bill Murray]

When you run into a wall, perhaps it's a good idea to go in a different direction...

Why not add this to your functions.php, somewhere after the define for the child theme near line 10:

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array(
'width'     => 1600,
'height'     => 48
) );

Then, upload a custom header with your logo on the far left side.  It might take adding a few styling rules to the child theme's CSS, but it gives you far more control to easily change your logo from within your WP dashboard.

---

Web: https://wpperform.com or Twitter: @wpperform

We do managed WordPress hosting.

[Marc]

That is odd. Please paste your operating /* 03b – Header */ CSS code and I will look it over to learn what is happening.

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[[email protected] Design]

#title {
background: url(files/2012/12/Bass-HookUps-Logo480.png) no-repeat;
background-color: #faea85;
height: 48px;
width: 480px;
line-height: 1;
margin: 0;
}

#title a {
color: transparent;
display: block;
padding: 16px;
padding: 1rem;
}

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[[email protected] Design]

@Bill, thx, I had BIG hopes for that. I'd much rather have the dashboard access to the header,.. but that didn't work either. 🙁

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Marc]

Your path to the image is incorrect in the #title section.  Either upload the banner image to the images folder and modify your path to use the images folder of the theme, or change the path to something like -  url(wp-content/files/2012/12/Bass-HookUps-Logo480.png)

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[Author]

Posts