Community Forums › Forums › Archived Forums › Design Tips and Tricks › IHow To Configure Sample Theme Header
- This topic has 7 replies, 3 voices, and was last updated 12 years, 1 month ago by Critter.
-
AuthorPosts
-
December 16, 2012 at 7:11 pm #5635CritterParticipant
I've been customizing the Sample child theme. It's different from the other child themes, however; the admin panel doesn't have the Skip Crop feature nowadays and you can't insert a logo.png file into the child themes image folder and expect an instant logo after refresh. In addition, if I use the crop tool in admin panel my logo has to be extremely small to fit the highlighted Crop.
With that said, I have several inquiries.
First, I've tried transferring my header logo to Sample child theme's images folder using FTP. I've labeled the doc logo.png, but no luck...even when I adjust the header in the style sheet match the logo's dimensions.
Second, I know for a fact that the logo.png transfer works fine on a lot of my other themes. Does this method of uploading a header logo not work with Sample theme?
Third, I read somewhere about modifying the PHP file to make the header image fit. I've also read the Header how-to's in my customer support portal and those directions didn't answer my question. If the PHP trick is the answer to my problem, how do I modify the PHP settings. And is there a written process on this subject hanging around in either forum?P.S
Why is the Skip Crop feature missing nowadays? It was pretty convenient.
Thanks!
Clay
Clay Moseley
December 16, 2012 at 8:11 pm #5647AnitaCKeymasterHave you tried the Genesis Simple Headers plugin? http://wordpress.org/extend/plugins/genesis-simple-headers/
Need help with customization or troubleshooting? Reach out to me.
December 16, 2012 at 8:23 pm #5651CritterParticipantYeah, I tried that one about six months ago. I remember Simple Headers being kind of small in dimensions as well. I'm going to give it another run though. Thanks for the reply. I would really like the code process on this one if any one else has some suggestions.
Clay Moseley
December 16, 2012 at 10:32 pm #5669MarcParticipantHave you tried adding it as a background in the #header?
December 16, 2012 at 11:14 pm #5672CritterParticipantMarc-
I'm thinking that as well. However, I'm not sure how to work with the header selector you defined up top. I can see what your saying, but the code is grouped together and has a 100% attribute. In other words, I'm not seeing where I should add
background-image:url(/XXX/XXX/XXX)
Could you take a look at it for me? I'd like to know what I'm not seeing. Thanks for the reply.
Thanks!
Clay
Also- I'm noticing some of the themes no longer have the Header Image option in the Genesis Theme Settings menu. Has this been removed from all themes? It's the option you can tick to choose Text versus Image.
Clay Moseley
December 17, 2012 at 12:01 am #5679MarcParticipantSeems like you have something that would probably work with what you started. e.g. -
#header {background: url("") no-repeat scroll 0 0 transparent;
What happened when you actually put an image in the background rule?
December 17, 2012 at 11:33 am #5760CritterParticipantI've got nothing, friend.
I tried
#header {
background:url(/wp-content/uploads/XXX) no-repeat scroll 0 0 transparent;
margin: 0 auto;
min-height: 150px;
width: 100%;On the other, hand the using background versus background-image did alter the page a little during the Google Inspection Tool process. I think I getting closer, but no cigar just yet.
Clay Moseley
December 17, 2012 at 1:26 pm #5794CritterParticipantFollow Up:
I was able to create a large image and crop it. It looks a little blurry but it worked.
What throws me off is that I can find the header selector with the inspection tool and insert the URL to the image and boom, the image appears. To do this the inspection tool refers to line 95 of 'sources' not CSS style sheet. I would much rather use this method to pull the smaller sized media file than load the image into the header tool.
Any suggestions on how I can insert that URL into my style sheet? I can't find the line because line 95 isn't an option for header in the style sheet. Pretty frustrating. Thanks.
Clay Moseley
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.