Title: Enlarge Header Logo Last modified: January 27, 2018 --- # Enlarge Header Logo * [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/) * Hello, * I have read over several threads, but everything I have tried that’s been provided there just stretches my logo out instead of increasing the size all the way around. I’ve tried to add a snippet & the custom logo ccs, but even adjusted the numbers( auto or 400px) doesn’t seem to change anything. Please help 🙂 - This topic was modified 8 years, 3 months ago by [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/). * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fenlarge-header-logo%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/enlarge-header-logo/page/2/?output_format=md) [→](https://wordpress.org/support/topic/enlarge-header-logo/page/2/?output_format=md) * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9909860) * Hello there, * To enlarge the logo maximum size limit, you can use this code: * ``` .custom-logo-link img { max-height: 190px; } ``` * To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard. * However, as [your original logo file](http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2017/11/cropped-Picture5-4.png) is small, it doesn’t take any changes. * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9915294) * Hey, that didn’t seem to do it. My logo is 1287x 804 so it should be plenty big. * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9915397) * Hello there, * Please try re-uploading your logo image. Ensure that you skip crop option. * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9915436) * I tried that, but this template (or version of wordpress?) doesn’t give me the option to skip cropping. So, I can extend it back out, but it’s still making the image smaller. * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9915558) * Hello there, * Please upload the original file of your logo to Google Drive and share its link here, so I can test it. * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9918516) * [https://drive.google.com/file/d/1tj5N9ILw3wdr7USbgduyW5T7tRMYfB8z/view?usp=sharing](https://drive.google.com/file/d/1tj5N9ILw3wdr7USbgduyW5T7tRMYfB8z/view?usp=sharing) * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9919925) * Hello there, * To alter the default logo size with custom one, you can use this CSS code: * ``` .site-branding > a { background-image: url('http://yoursite.com/path/to/your/logo-image.png'); } .site-branding > a { display: inline-block; width: 400px; height: 123px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .site-branding > a img { opacity: 0; } @media only screen and (max-width: 479px) { .site-branding > a { width: 300px; height: 93px; } } ``` * Replace [http://yoursite.com/path/to/your/logo-image.png](http://yoursite.com/path/to/your/logo-image.png) in the code above with your image URL path. You can upload it to your site’s media library under Dashboard > Appearance > Add New. * To apply custom CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard. * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9919980) * No dice. It didn’t work. This is what I put in under addition css ` .site-branding > a { background-image: url(‘[http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2017/11/Picture5.png’](http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2017/11/Picture5.png’););} * .site-branding > a { display: inline-block; width: 400px; height: 123px; background- size: contain; background-repeat: no-repeat; background-position: center center;} * .site-branding > a img { opacity: 0; } * [@media](https://wordpress.org/support/users/media/) only screen and (max-width: 479px) { .site-branding > a { width: 300px; height: 93px; } } * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9920005) * Uploaded it a second time, with a newly uploaded logo. Still didn’t work. * .site-branding > a { background-image: url([http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2018/01/White-Logo.png](http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2018/01/White-Logo.png));} * .site-branding > a { display: inline-block; width: 400px; height: 123px; background- size: contain; background-repeat: no-repeat; background-position: center center;} * .site-branding > a img { opacity: 0; } * [@media](https://wordpress.org/support/users/media/) only screen and (max-width: 479px) { .site-branding > a { width: 300px; height: 93px; } } * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9920035) * Hello there, * Try flushing any applied cache then reload your site. It might be blocking the code addition to take effect. * [https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens](https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens) * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9920046) * Sigh. No. It’s just not changing. Do you want to sign in to it & see for yourself? * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 3 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9921959) * Hello there, * The new logo defined with CSS code already up. However, since the original logo image rounded with huge empty spaces, the changes isn’t noticeable. Edit your White-Logo.png file with image editing program like Photoshop and eliminate the empty spaces. * Regards, Kharis * Thread Starter [nolafooddelivery](https://wordpress.org/support/users/nolafooddelivery/) * (@nolafooddelivery) * [8 years, 2 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9995989) * I removed the empty spaces & it still did not increase the size of the logo * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [8 years, 2 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-9997268) * Hello there, * In your custom CSS, find the below code block which alters the default logo source. * ``` .site-branding > a { background-image: url(http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2018/01/White-Logo.png); } ``` * Replace the logo image URL with the new one. * Regards, Kharis * [ccspglobal](https://wordpress.org/support/users/ccspglobal/) * (@ccspglobal) * [7 years, 11 months ago](https://wordpress.org/support/topic/enlarge-header-logo/#post-10288805) * longer code worked perfectly with Astrid, thanks Kharis Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/enlarge-header-logo/page/2/?output_format=md) [→](https://wordpress.org/support/topic/enlarge-header-logo/page/2/?output_format=md) The topic ‘Enlarge Header Logo’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/astrid/1.20/screenshot.png) * Astrid * [Support Threads](https://wordpress.org/support/theme/astrid/) * [Active Topics](https://wordpress.org/support/theme/astrid/active/) * [Unresolved Topics](https://wordpress.org/support/theme/astrid/unresolved/) * [Reviews](https://wordpress.org/support/theme/astrid/reviews/) ## Tags * [header](https://wordpress.org/support/topic-tag/header/) * [logo](https://wordpress.org/support/topic-tag/logo/) * [logo size](https://wordpress.org/support/topic-tag/logo-size/) * 16 replies * 3 participants * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/enlarge-header-logo/page/2/#post-10289676) * Status: not resolved