Increase Talon Pro Logo Size


#1

I need to use a logo larger and wider than what the default setting is. I am not using a child theme, but do have Simple Custom CSS installed. Do you have some CSS that I can add to increase the Logo width?

Thanks


#2

Hello there,

Add the below function with Code Snippets plugin. Or add it to your child theme’s functions.php file.

function talon_pro_child_custom_logo_setup() {
    $defaults = array(
        'height'      => 100,
        'width'       => 400,
        'flex-height' => true,
        'flex-width'  => true,
        'header-text' => array( 'site-title', 'site-description' ),
    );
    add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'talon_pro_child_custom_logo_setup' );

Then remove your logo and re-upload it to generate the new size.

Regards,
Kharis


#3

Hi Kharis. I installed this snippet and code, and reinstalled the Logo as you suggested. When I reinstall the Logo, it ONLY offers me to crop, which when I stretch it to all edges and hit crop it does to a smaller size, guessing 100x400. If I try to install it WITHOUT cropping it won’t allow it. It is not allowing me to insert the Logo and not crop or skip cropping.

Thanks


#4

Hello there,

You can enlarge the area of cropping with your pointer. You may need to enlarge it to become 100%.

enlarge-crop

Doesn’t it work for you?

Regards,
Kharis


#5

kharisblank

    September 26

Hello there,

You can enlarge the area of cropping with your pointer. You may need to enlarge it to become 100%.

Doesn’t it work for you?

Regards,

Kharis


#6

Kharis,
I’ve deployed this code in my child theme’s functions.php file, but would like the logo to appear taller and wider - if possible.

I’ve tried increasing the height to 200 and 250 - but there appears to be no difference in the size of the logo on my site.

Thanks.

Andy