• 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

Logo size — Monochrome Pro 1.6.0

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 › StudioPress Themes › Monochrome Pro › Logo size — Monochrome Pro 1.6.0

This topic is: not resolved

Tagged: logo size

  • This topic has 6 replies, 7 voices, and was last updated 1 year ago by rwilliams311.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 22, 2021 at 3:24 pm #503175
    karlloveless
    Participant

    I and others still seem to have unresolved problems with resizing a logo. In my case I want to increase the logo size to 450 x 150 or thereabouts.

    Brad Dalton had previously posted (before 1.6.0 arrived):

    > Loom under the Site Header section in your style.css
    > file and change the value for the min-height: 80px;

    (80px was in response to a previous poster wanting a 74px height)

    In my case, I've set the height to 150px and also tried 180px — unsuccessfully.
    The Site Header section in style.css starts at line 1264. Line 1270 is:

    min-height: 180px;

    Brad Dalton also posted in that previous thread:

    > config > theme-supports.php lines 23 and 24 which is
    > like custom-header in functions for older versions.
    > That set's the size for uploading/cropping your image
    > then the next step is to modify the CSS to match your
    > logo size. Look under the Title Area section in style.css.

    Question: In the stock setting, are lines 23 and 24 supposed to be width and height? Are flex-height and flex-width to be left as true?

    My theme-support.php file (stock 1.6.0 setting) has as lines 21 through 26:

    'genesis-custom-logo' => [
    'width' => 320,
    'height' => 120,
    'flex-height' => true,
    'flex-width' => true,
    ],

    which makes lines 23 and 24 as height and flex-height.

    I've changed the width and height to 450 and 150 and have uploaded and inserted a logo sized exactly as that. No success EXCEPT that the header height does increase appropriately and yet the logo size (and any alternative image) remains at 320 x 120.

    In Customize > Site Identity > Change logo > Select Logo > Crop Image, the cropping size (450 x 150) appears correct. Alternative images appear to crop to the correct size aspect ratio and size, but still no cigar.

    All plugins are deactivated except for Genesis Blocks 1.2.1. Caches are cleared. Multiple machines and browsers show no success.

    http://karlloveless.review/ross
    February 24, 2021 at 7:27 am #503197
    Victor Font
    Moderator

    Your logo size is controlled by this CSS at line 1347 in style.css:

    .site-header .custom-logo-link .custom-logo {
        height: 50px;
        width: auto;
    }

    Change the height here to 150px and you should be good.


    Regards,

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

    June 3, 2021 at 2:46 pm #504203
    Chris A.
    Participant

    When I plug this code into my "Additional CSS," nothing happens.

    Please advise.

    Thanks,

    Chris

    June 4, 2021 at 9:19 am #504212
    Anita
    Keymaster

    @hchrischrisallen-com did you change the size in the functions.php file as noted further up the page? Provide a link to your website.


    Love coffee, chocolate and my Bella!

    August 4, 2021 at 3:52 pm #504374
    annemcl
    Participant

    If anyone is still looking for a solution, I used a combination of styles that worked for my site:

    Go to Appearance > Customize > Additional CSS and add the following styles:

    .site-header {
    min-height:130px !important;
    }

    .site-header .custom-logo-link .custom-logo {
    height: 100px !important;
    width: auto;
    }

    Adjusting the height to whatever you require. The first style sets the height of the header bar (usually white area), and the second style height value is the height of the logo contained within the header.

    September 14, 2021 at 1:30 pm #504456
    Nelson Briggs
    Participant

    Hi annemcl,

    This combination styles works great. Thanks for sharing!

    Nelson

    January 23, 2022 at 7:24 pm #504673
    rwilliams311
    Participant

    None of the above seems to be working for me. Is there a different way to increase the logo size that consistently works?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Log In

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