• 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

Focus Pro Header – Can I Make it like the Original Focus

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 › Focus Pro Header – Can I Make it like the Original Focus

This topic is: resolved

Tagged: focus, focus pro, header

  • This topic has 6 replies, 2 voices, and was last updated 12 years, 3 months ago by SociallyExceptional.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 16, 2013 at 1:20 pm #79518
    SociallyExceptional
    Participant

    Hello!
    I am having some issues with the header sizing inside the Focus Pro theme. In the original theme, I had a good side of 1060x229 that worked pretty well. Now, however, there is consistently added white space all around the header versus it just going from side to side. It doesn't matter how long I make the header, it keeps that padded space around it

    This current site here >> http://fillingthegapadultdaycare.com/

    I want the header to be like this here >> http://vintageplaceadc.com/

    Have never had any issues before - only since using the Pro. These are owned by the same people and it needs to look the same header wise. Any ideas?

    Thank you!

    http://fillingthegapadultdaycare.com/
    December 16, 2013 at 1:24 pm #79522
    nutsandbolts
    Member

    Find this in your stylesheet:

    .site-header .wrap {
    background: #fff url(images/lines.png);
    background-size: 6px 6px;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    padding: 30px 60px;
    padding: 3rem 6rem;
    }

    and just remove the two rules for padding. The image will need to be wider since Focus Pro is built on the 1140px grid, but otherwise that should get rid of all the extra white space.


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

    December 16, 2013 at 1:34 pm #79529
    SociallyExceptional
    Participant

    Oh yes! Of course...I was looking at margins - not padding. Simply brilliant. Much better. Thank you, as always!

    December 16, 2013 at 1:35 pm #79530
    nutsandbolts
    Member

    No problem! Glad I was able to help. 🙂


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

    December 16, 2013 at 1:48 pm #79538
    SociallyExceptional
    Participant

    Any idea, why in Internet Explorer & FireFox its not showing the same size?

    December 16, 2013 at 1:52 pm #79540
    nutsandbolts
    Member

    It looks fine for me in all browsers - do you maybe have a caching plugin or Cloudflare active?


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

    December 16, 2013 at 2:04 pm #79548
    SociallyExceptional
    Participant

    It wasn't active, but I deleted it and now all seems fine. Thank you!

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