• 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

Enlarge site logo in Monochrome 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 › Enlarge site logo in Monochrome Pro

This topic is: not resolved

Tagged: header image, monochrome pro, site-header

  • This topic has 5 replies, 3 voices, and was last updated 5 years, 7 months ago by Avishekks.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 21, 2017 at 11:44 am #210587
    frankie
    Member

    Hi
    Does anyone know how to enlarge the site header logo dimensions please? I made my logo the default size (320 x 120 px) but it displays much smaller than that so I assume some default coding is in action here to restrict the size?
    Thanks

    http://www.totnestennis.co.uk/
    August 21, 2017 at 1:16 pm #210588
    Brad Dalton
    Participant

    Hi

    Generally, there's 2 steps :

    1. Modify the PHP code for the custom header in your child themes functions file.

    2. Modify the height values under the Site Header section in your style.css file.


    Tutorials for StudioPress Themes & WooCommerce.

    October 2, 2017 at 3:30 pm #212096
    Avishekks
    Member

    Hi I have the same question. I am very new to editing files and such.

    Anyway, using firebug, I found that my site's header is contained here:

    <div class="site-container" style="margin-bottom: 93px;">
    <ul class="genesis-skip-link">
    <header class="site-header" itemscope="" itemtype="https://schema.org/WPHeader">
    <div class="wrap">
    </header>
    <div class="site-inner">
    </div>

    So I went to my styles.css but didn't find this area anywhere, so I'm not sure how to make my header image bigger.

    If it's possible, I'd even like to simply add the logo, and then text next to it...any advice much appreciated.

    October 7, 2017 at 2:18 pm #212263
    Avishekks
    Member

    I edited the functions.php file but still the image hasn't increased in size. I increased it in the file to 480px in width, keeping the height the same at 120.

    I uploaded a 4800 x 1200px image, and it looks smaller than before when I uploaded a 3200 x 1200 px image. Is the problem in my styles sheet? Here's what I have under .header-image.

    }

    .header-image .title-area {
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 0;
    width: 133px;
    }

    October 8, 2017 at 2:13 am #212272
    frankie
    Member

    Hi
    Yes I found this very tricky to resolve - on other StudioPress themes I have found editing the logo size fairly simple but this theme seems different. I cannot quite remember how I sorted this out but it was not perfect. In the css code you have shown try increasing the height: to the height you require.

    Here is my code:
    .header-image .title-area {
    height: 94px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 0;
    width: 230px;
    }

    Which seems to have worked.

    October 8, 2017 at 10:17 am #212285
    Avishekks
    Member

    Thanks. I figured this was the area to edit. I changed the width to 480px and it solved the issue! Thanks.

    The problem is, I'd still like the image to be larger so back to more edits.

  • 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

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