- This topic has 5 replies, 3 voices, and was last updated 3 years, 7 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
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.
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
Loom under the Site Header section in your style.css file and change the value for the
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, );
@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?
Maybe you're using a older version of Monochrome Pro
@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?
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.
© 2023 WPEngine, Inc.