• 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

How to add Full-Width Responsive Header Logo Image for Focus 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 › How to add Full-Width Responsive Header Logo Image for Focus Pro

This topic is: not resolved

Tagged: focus pro

  • This topic has 3 replies, 3 voices, and was last updated 11 years, 2 months ago by ffionevans.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 8, 2014 at 4:03 am #133966
    seanpaul9090
    Member

    Hi everyone,

    I'm newbie and I'm using Focus pro theme. But image header too small (320x100). I want to add a lager logo image(1060x276) to my site now. Can you tell me how to do? Step by step please!!!

    Many thanks

    December 10, 2014 at 3:48 am #134142
    seanpaul9090
    Member

    help me 🙁

    February 1, 2015 at 3:46 am #139235
    simonoffski
    Participant

    Hi there

    To change the dimensions, edit your functions.php file and look for the following:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    'header_image' => '',
    'header-selector' => '.site-title a',
    'header-text' => false,
    'height' => 100,
    'width' => 320,
    ) );

    Change the height and width to your desired values and save. Once you've done so, going to Appearance > Header should ask you to upload at the new image size. Once you've done that, you can use Firebug or Inspector to find the CSS rules you need to change so the image displays correctly.

    March 2, 2015 at 1:22 pm #142897
    ffionevans
    Member

    Hi everyone, I'm having a similar issue. I want to create a full width image (that the user can upload themselves) that spans the full width of the page, not just the site content. How can I do that - I'm pretty much despairing over here 🙁
    I'm just creating a Genesis Child Theme from the Basic Theme, not based off any of the other themes.

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