• 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 use bigger header logo? News Pro Theme

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 › General Discussion › How to use bigger header logo? News Pro Theme

This topic is: not resolved

Tagged: header, Logo, news pro theme

  • This topic has 8 replies, 2 voices, and was last updated 9 years, 3 months ago by Jan23.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 16, 2016 at 12:54 pm #179160
    Jan23
    Member

    Hi,
    i want to use a bigger logo in my News Pro Theme.
    How can i use a logo with the size for example 400 x 180 size?
    And not the standard 260 x 90 size.

    Thx a lot for your help!
    Kind regards,
    Jan

    February 16, 2016 at 2:34 pm #179181
    Christoph
    Member

    Hi Jan,

    you can change the image size in functions.php around line 42
    Change the width and height.

    In style.css around line 1046 change the width of .title-area
    and around line 1111 adjust the width of .site-header .widget-area


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    February 16, 2016 at 4:31 pm #179188
    Jan23
    Member

    Thx a lot i did it finaly 🙂
    But now the header logo is a little bit to high positioned.
    I dont find the commands in the style.css to position the header logo a little bit under the position where it is now.

    And where can i change the size of the whole header?

    Thx a lot for your help!

    February 16, 2016 at 4:47 pm #179189
    Christoph
    Member

    Glad you got it working.

    For the height of the logo, hard to tell without seeing the website. You can try adding margin-top or padding-top to .title-area or .site-title or .site-title a

    For the width of the header, the width of all the content is defined in .site-container.
    You can either increase the width of the whole website or if you only want to change the width of the header area, you'd have to remove the max-width from .site-container and add a (different) max-width to all elements you don't want to be "screen wide".


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    February 16, 2016 at 4:56 pm #179191
    Jan23
    Member
    This reply has been marked as private.
    February 17, 2016 at 9:32 am #179239
    Christoph
    Member

    Hi,

    I cannot see replies marked as private; only you and moderators can.


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    February 17, 2016 at 11:18 am #179250
    Jan23
    Member

    Hi,

    oh ok. here ist a screenshot from the header of my site.

    http://s.gullipics.com/image/6/x/7/37ssrq-l56rtq-2ky8/headerproblem.jpeg

    i want to remove the red marked space of the header.... how can i "minimize" the header?
    The result should be, that my logo is on the same hight as the search widget.

    I hope you understand my problem

    Thx for your help!

    February 17, 2016 at 11:28 am #179253
    Christoph
    Member

    That looks like your header right widget area doesn't have "enough space" next to your logo.
    Try reducing the width of .site-header .widget-area around line 1111 of the style.css
    I can't give you more detailed information form an image.


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    February 18, 2016 at 6:28 am #179301
    Jan23
    Member

    I did it finaly.
    Thx a lot for your help!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘General Discussion’ 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

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