• 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

Change Focus Pro Child theme Sidebar width and header height!!

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 › Change Focus Pro Child theme Sidebar width and header height!!

This topic is: resolved

Tagged: Focus Pro Theme

  • This topic has 9 replies, 3 voices, and was last updated 9 years, 7 months ago by fskhan619.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 1, 2017 at 5:16 am #198541
    fskhan619
    Member

    Hi,
    I wanna change the width of sidebar and the height of the Header of the FOCUS PRO Child them?
    Please Help!

    January 1, 2017 at 10:43 am #198549
    Victor Font
    Moderator

    It would help if you posted a link to your site.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 2, 2017 at 1:52 pm #198625
    fskhan619
    Member

    Thanks for replying, here you go
    http://pressurecookerratings.com/

    January 2, 2017 at 2:16 pm #198633
    Victor Font
    Moderator

    For the header height, change the padding for .site-header .wrap at line 919 in style.css.

    Sidebar width can be found in .sidebar-primary at line 534. Note that the content width and sidebar width go together. If you increase the sidebar width, you may have to reduce the content width. Content width is in the .content block at line 511.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 2, 2017 at 2:26 pm #198635
    fskhan619
    Member

    Thanks for the reply,
    I tried both. Reduced the padding, didn't do any change. Increased content with 30px and decreased sidebar with 30px, no change.

    January 3, 2017 at 1:25 pm #198699
    fskhan619
    Member

    Any other way to do it plz?

    January 3, 2017 at 1:38 pm #198701
    Susan
    Moderator

    For your header height - are you trying to change the height of the logo area? If so, update this section in your stylesheet:

    
    /* Logo, hide text */
    
    .header-image .site-title a {
    	float: left;
    	min-height: 100px;
    	width: 100%;
    }

    In any case - I'm not seeing that you made any updates to your CSS as recommended by Victor on line 919, nor am I seeing any updates to your CSS for your sidebar width, or your content width.

    January 3, 2017 at 1:46 pm #198706
    fskhan619
    Member

    Well, I did change them yesterday, then reverted em back to default as they didn't change anything visually.
    No, I do not want to change the size of the logo, the overall header height and the sidebar width. I've changed em now again, please check!

    January 3, 2017 at 1:48 pm #198708
    Victor Font
    Moderator

    If you are using any caching plugins, you wouldn't see the changes until you clear the cache. The code I gave you works. I tested it in my browser tools on your site. You may also have to hold the shift key down when you refresh the page so the style sheet is forced to reload.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 3, 2017 at 1:51 pm #198709
    fskhan619
    Member

    Thank you, I just refreshed with holding the shift key, it changed. I appreciate you help! 🙂

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change Focus Pro Child theme Sidebar width and header height!!’ is closed to new 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