• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

IHow To Configure Sample Theme Header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › IHow To Configure Sample Theme Header

This topic is: resolved

Tagged: header, images, Logo

  • This topic has 7 replies, 3 voices, and was last updated 12 years, 5 months ago by Critter.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 16, 2012 at 7:11 pm #5635
    Critter
    Participant

    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 #5647
    AnitaC
    Keymaster

    Have 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 #5651
    Critter
    Participant

    Yeah, 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 #5669
    Marc
    Participant

    Have you tried adding it as a background in the #header?


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

    December 16, 2012 at 11:14 pm #5672
    Critter
    Participant

    Marc-

    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

    thewebsiteprocess.com

    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 #5679
    Marc
    Participant

    Seems 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?


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

    December 17, 2012 at 11:33 am #5760
    Critter
    Participant

    I'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 #5794
    Critter
    Participant

    Follow 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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble