• 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

Monochrome Pro Logo Size

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 › Monochrome Pro Logo Size

This topic is: not resolved

Tagged: custom logo, monochrome pro, wp-custom-logo

  • This topic has 5 replies, 3 voices, and was last updated 2 years, 11 months ago by Brad Dalton.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2020 at 6:43 pm #496441
    radiantaction
    Participant

    Hi All,
    I love this theme but the logo size is way too small. How do I change it? I've changed logo size in the functions and css files before in different StudioPress themes but this one is different. Basically what I need to know is:
    What is the css code to have the logo appear 483px x 74px.
    What do I add/edit in the functions file to allow for this to be changed?

    testing site > https://www.thrive.khtestsite.com

    Thank you,
    Kirsten

    http://www.thrive.khtestsite.com
    February 17, 2020 at 2:47 am #496779
    Brad Dalton
    Participant

    Loom under the Site Header section in your style.css file and change the value for the

    min-height: 80px;
    

    You will also need to change the values in the PHP code in custom-logo.php

    return array(
    	'width'       => 320,
    	'height'      => 120,
    	'flex-height' => true,
    	'flex-width'  => true,
    );
    

    Get Help – Book Consultation.

    February 21, 2020 at 3:51 pm #496883
    di
    Participant

    @braddalton, thanks for your help. However, I'm not finding custom-logo.php in the Monochrome Pro files. Can you tell me where it's at?

    February 21, 2020 at 9:26 pm #496888
    Brad Dalton
    Participant

    Maybe you're using a older version of Monochrome Pro


    Get Help – Book Consultation.

    February 24, 2020 at 1:24 pm #496932
    di
    Participant

    @braddalton, Just downloaded the latest version 1.4.0. I did a full file search for custom-logo.php on my computer and only came up with such a file for another theme. What folder is it under?

    February 24, 2020 at 9:54 pm #496941
    Brad Dalton
    Participant

    Sorry i mean 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.

    However, an image that width will be cutoff or squashed on hand held devices.

    Using width: 483px; will cause it to be cutoff and using max-width: 483px; will cause it to squash.

    You could display another image at around 500px width and also reposition the responsive menu icon.


    Get Help – Book Consultation.

  • 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