Community Forums › Forums › Archived Forums › Design Tips and Tricks › Stretch Theme Header/logo Question
Tagged: add logo to stretch theme
- This topic has 21 replies, 5 voices, and was last updated 11 years, 3 months ago by Marc.
-
AuthorPosts
-
December 8, 2012 at 3:56 pm #3883Steve@316 DesignMember
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.™December 16, 2012 at 7:12 am #5521SteveVanHoveMemberHey 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
December 16, 2012 at 10:11 am #5542Steve@316 DesignMemberThank 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.™December 16, 2012 at 10:19 am #5543SteveVanHoveMemberSorry, 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
December 16, 2012 at 10:31 am #5546Steve@316 DesignMemberNo problem. Thanks for trying to help out.
Steve
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™December 16, 2012 at 11:02 am #5558SteveVanHoveMemberGood luck! 🙂
December 16, 2012 at 11:12 am #5560AnitaKeymasterSteve, can you share the link to your site?
Love coffee, chocolate and my Bella!
December 16, 2012 at 11:37 am #5561Steve@316 DesignMemberhttp://bassanglerhq.com/basshookups/
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™December 16, 2012 at 11:54 am #5565AnitaKeymasterAfter 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!
December 16, 2012 at 11:57 am #5567Steve@316 DesignMemberThank 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.™December 16, 2012 at 1:42 pm #5587MarcParticipantWould it be acceptable and have you tried creating a new rule in the style-sheet for the title area and include your logo image?
December 16, 2012 at 4:04 pm #5608Steve@316 DesignMemberDon'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.™December 16, 2012 at 4:13 pm #5611Steve@316 DesignMemberThis 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.™December 16, 2012 at 6:12 pm #5625MarcParticipantI 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;
}
December 17, 2012 at 11:59 am #5771Steve@316 DesignMemberThx 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.™December 17, 2012 at 12:16 pm #5772Bill MurrayMemberWhen 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.
December 17, 2012 at 12:18 pm #5776MarcParticipantThat is odd. Please paste your operating /* 03b – Header */ CSS code and I will look it over to learn what is happening.
December 17, 2012 at 12:21 pm #5779Steve@316 DesignMember#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.™December 17, 2012 at 12:31 pm #5782Steve@316 DesignMember@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.™December 17, 2012 at 12:35 pm #5784MarcParticipantYour 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)
-
AuthorPosts
- The topic ‘Stretch Theme Header/logo Question’ is closed to new replies.