• 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

Adding a Custom Header (issues)

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 › Adding a Custom Header (issues)

This topic is: not resolved
  • This topic has 8 replies, 3 voices, and was last updated 13 years, 6 months ago by SoZo.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 15, 2013 at 9:40 am #12054
    WellReadReviews
    Member

    Image: http://www.wellreadreviews.com/issueswithstudiopress.png

    Hi,

    I am having issues with the custom header. When I add my own image, the quality to which it uploads changes dramatically. It turns my sharp .png image into something fuzzy. I have tried changing the functions for size, but it doesn't seem to matter. I am not sure what is affecting the quality of it.

    When I try and add the HTML snippet for the header to my website, it places the header way above the content. I would like it placed closer to the content but cannot find a way to do this. For some reason I find that the Fabric theme set up is really complicated for customization and mods. I don't have access to any sort of header.php and/or index.php or the likes.

    So, how do I make this happen?

    January 15, 2013 at 9:56 am #12061
    Jon Bellah
    Member

    Please, add your image to the header so that I can see what it's doing.

    Also, how are you adding the HTML snippet?

    Genesis takes a little time to understand, especially if you're used to being able to edit the header.php/index.php files. However, you can still do all of the same things you did with old themes, just now in a different way. Using Genesis hooks, you can achieve the same result. Christopher Cochran runs an awesome site over at GenesisTutorials.com, which provides a visual hook guide; so you can see where you should add your code to the site.

    Greg Rickaby, Bill Erickson, and StudioPress founder Brian Gardner all have great blogs full of great info on how to work with Genesis.

    I'll also plug my own blog, though I have a lot less content than the other gents.


    Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

    January 15, 2013 at 6:57 pm #12169
    SoZo
    Member

    I am not currently seeing a header at http://www.wellreadreviews.com/

    What HTML snippet for the header are you referring to and where are you adding it?


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 15, 2013 at 7:09 pm #12173
    WellReadReviews
    Member

    Yes, I took it down. I initially tried using the custom header option through the Genesis framework, but the image is uploading incredibly fuzzy. I was thinking of adding the typical IMG code. I added it into the header code box, but it shows up too high. Should I set it up so you can see what I mean?

    January 15, 2013 at 7:38 pm #12181
    SoZo
    Member

    Yes. Put the header image back in and post a link to the original image file so I can see what you're comparing it to.

    And do you mean the script box in the Genesis settings panel? That is for scripts.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 16, 2013 at 3:28 pm #12433
    WellReadReviews
    Member

    I have added the header and an add to the header code option in Genesis framework. http://wellreadreviews.com/

    There is a ton of empty space from the bottom of the header and the content. I cannot seem to minimize this space. Thank you for your help. 🙂

    January 16, 2013 at 3:31 pm #12434
    SoZo
    Member

    That box is not for a header image.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 16, 2013 at 3:43 pm #12437
    WellReadReviews
    Member

    I had no idea where else to put it...

    January 16, 2013 at 3:44 pm #12438
    SoZo
    Member

    You add a header image through Appearance=>Header


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 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

© 2026 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