• 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

Header Size in Outreach Pro

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 › Header Size in Outreach Pro

This topic is: resolved

Tagged: change size of Header Outreach Pro

  • This topic has 5 replies, 2 voices, and was last updated 12 years, 3 months ago by manager.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2014 at 9:36 pm #88687
    manager
    Member

    Hi there,

    I have a problem with the header in Outreach Pro.

    I've increased size of the header to 1200 x 250 in the following sections.

    After I changed some sections, that will be shown in the end of this message, in Style.css and Functions.php, the Select Image in Header Image section under Appearance has shown "You can select an image to be shown at the top of your site by uploading from your computer or choosing from your media library. After selecting an image you will be able to crop it. Images of exactly 1200 ?— 250 pixels will be used as-is." The header then has expanded larger than the original size when I downloaded the theme.

    My problem is, I used GIMP to make the logo size 1200 x 250 but seems to be too big as when I uploaded it in the Header Image I need to crop it as per function available before uploading to the theme. After I finished the uploading file, and checked the website, at the end of my logo was cut off and it didn't cover the whole part of the header. I like to have the logo cover the whole header area which is 1200 x 250, I suppose. Can you assist me what I did incorrectly or what I will need to look at and change it please?

    Thank you very much for your attention and assistance. I appreciate your time and contribution. Regards

    Here where I changed some pixels for the height and width of the header.
    > Functions.php
    >
    > //* Add support for custom header
    > add_theme_support( 'custom-header', array(
    > 'header-selector' => '.site-title a',
    > 'header-text' => false,
    > 'height' => 100 to 250,
    > 'width' => 340 to 1200,
    >
    > And also in Style.css
    >
    > Site Header
    > --------------------------------------------------------------------------
    > -------------------------- */
    >
    > .site-header {
    > background-color: #589b37;
    > color: #fff;
    > min-height: 110px; to 250px
    >
    > .header-image .site-title > a {
    > float: left;
    > min-height: 100px; to 250px
    > width: 100%;

    February 4, 2014 at 9:38 pm #88689
    nutsandbolts
    Member

    Can you post a link to your site? It's always easier to help if we can see what you see.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    February 4, 2014 at 9:45 pm #88692
    manager
    Member
    This reply has been marked as private.
    February 4, 2014 at 9:49 pm #88693
    nutsandbolts
    Member

    I'm seeing a Wix site there and not a WordPress site. Unfortunately it will be difficult to help without a visual, but the issue is likely happening because Outreach is built on the standard 1140px grid. The header wrap is only 1140px so that's why it's cropping your header image. Try it at 1140 and see if that works better.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    February 4, 2014 at 9:54 pm #88694
    manager
    Member

    Sorry yep...it's not live yet still on my computer server. I will try and will let you know.

    Thanks.

    February 4, 2014 at 10:16 pm #88702
    manager
    Member

    Hi there,

    I've tried 1140px and it works fine. Thank you.
    Regards

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