# Logo cropped - suggested 400x200

**URL:** <https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247>\
**Category:** Activello\
**Created:** [May 23, 2017, 1:17pm UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247 "2017-05-23T13:17:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nonane](https://colorlibsupport.com/user_avatar/colorlibsupport.com/nonane/32/1830_2.png) [@nonane](https://colorlibsupport.com/u/nonane)\
**Post date:** [May 23, 2017, 1:17pm UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247/1 "2017-05-23T13:17:29Z")

</div>

Hello,

I try to add a logo on my website using “change logo”. The original image size is 1140x220. It always asks me to crop my image (suggested 400x200). If I extend the selection to the whole image the quality is bad, and it uses a resized copy of the original image.

I tried to add custom CSS :  
img.custom-logo {  
width: 1140px!Important;  
height: 220px!Important;  
}

but it doesn’t work. Am I doing something wrong?

Thank you, best regards

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [May 23, 2017, 5:31pm UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247/2 "2017-05-23T17:31:25Z")

</div>

Hey there,  
Hope you’re doing well today

In order to be able to get the width and height the way you want, you’ll have to edit your functions.php file and change the height and width values in the code shown below to reflect what you’d like to have:

// Enable Custom Logo  
add\_theme\_support( ‘custom-logo’, array(  
‘height’ =\> 200,  
‘width’ =\> 400,  
‘flex-width’ =\> true,  
) );

Please note that if you edit this code directly in the parent theme, you will lose it after an update, however, you may use the child theme attached and add the code to the functions.php from that child theme so that your customization is retained with updates.

You may also use the code snippets plugin to add your functions.php customizations in a more convenient manner.

> **[Code Snippets](https://wordpress.org/plugins/code-snippets/)**
>
> An easy, clean and simple way to enhance your site with code snippets.

I hope this helps 🙂

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![nonane](https://colorlibsupport.com/user_avatar/colorlibsupport.com/nonane/32/1830_2.png) [@nonane](https://colorlibsupport.com/u/nonane)\
**Post date:** [May 24, 2017, 8:56am UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247/3 "2017-05-24T08:56:37Z")

</div>

Hello,

Thanks for your support. I already have a child theme, I added the code you gave me in my functions.php but I still have the same problem, it sticks to 400x200. When I update directly the functions.php file of activello theme (parent theme) it works, it asks me for a 1140x220 logo and there’s no need to crop it.

My functions.php looks like :

\<?php

// Queue parent style followed by child/customized style  
add\_action( ‘wp\_enqueue\_scripts’, ‘func\_enqueue\_child\_styles’, 99);

function func\_enqueue\_child\_styles() {  
wp\_enqueue\_style( ‘parent-style’, get\_template\_directory\_uri() . ‘/style.css’ );  
wp\_dequeue\_style(‘activello-style’);  
wp\_enqueue\_style( ‘activello-style’,  
get\_stylesheet\_directory\_uri() . ‘/style.css’,  
array(‘parent-style’)  
);  
}

// Enable Custom Logo  
add\_theme\_support( ‘custom-logo’, array(  
‘height’ =\> 220,  
‘width’ =\> 1140,  
‘flex-width’ =\> true,  
) );

Something wrong there?

Thank you, best regards,  
Nonane

---

<div class="post-metadata">

**Author:** ![nonane](https://colorlibsupport.com/user_avatar/colorlibsupport.com/nonane/32/1830_2.png) [@nonane](https://colorlibsupport.com/u/nonane)\
**Post date:** [May 24, 2017, 9:04am UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247/4 "2017-05-24T09:04:21Z")

</div>

Hello,

I finally managed to wake it work using my child theme with this in my functions.php :

// Enable Custom Logo  
function activellochild\_custom\_logo\_setup() {  
$defaults = array(  
‘height’ =\> 220,  
‘width’ =\> 1140,  
‘flex-height’ =\> true,  
‘flex-width’ =\> true,  
‘header-text’ =\> array( ‘site-title’, ‘site-description’ ),  
);  
add\_theme\_support( ‘custom-logo’, $defaults );  
}  
add\_action( ‘after\_setup\_theme’, ‘activellochild\_custom\_logo\_setup’, 20);

The idea is to wrap it in a function and to make it after activello parent theme setup so that I overwrite it for sure.

Thanks for your help ! Best regards,  
Nonane

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [May 24, 2017, 9:21am UTC](https://colorlibsupport.com/t/logo-cropped-suggested-400x200/16247/5 "2017-05-24T09:21:26Z")

</div>

Awesome great to see you managed to make it work.

Please advise if you have more questions.

Have a fantastic day!