Celebrate Christmas and New Year with 10% off on Themes Bundle, use coupon code "XMAS10" Buy Now

Logo size increase width

Home Support Study Circle WordPress Theme Logo size increase width

This topic contains 2 replies, has 2 voices, and was last updated by  Grace Themes 1 year, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4443

    Hi, my logo is about 300px x 70px high. How can I arrange this? Probably I need to add some custom css which is possible in the theme settings, but I have no idea exactly what code to put there. Hopefully there is a solution, this logo is essential for the identity of my site..

    #4444

    Solution found!

    Step 1
    place your logo in the theme. You are asked to ‘crop’ the image, do so and add.

    Step 2
    place in custom css (adjust to your own logo width):
    .logo img {
    height: auto;
    width: 358px;
    }

    Step 3
    view your website and right-click the logo image ‘view image’. You can see the address of the logo. Is something like : http://www.yourdomain.com/wp-content/uploads/2017/04/cropped-yourlogoname.jpg. Rename your logo to the appropriate filename and upload again (overwrite).

    All done!

    #4450

    Grace Themes
    Keymaster

    Hi monique

    Can you please share your website URL so we can check?

    If you are using free theme, you can change the logo image height/width by
    Go to Appearance -> Editor -> functions.php

    at line no. 34 you will find the below code and change height and width

    add_theme_support( 'custom-logo', array(
    	'height'      => 100,
    	'width'       => 100,
    	'flex-height' => true,
    ) );

    Regards
    Grace Themes

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.