Summer Sale | Flat 10% OFF on All Themes Package. Use Coupon Code Summer24 | Limited Time Offer! Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Logo size increase width

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #4443
    [email protected]

    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..

    [email protected]

    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 : Rename your logo to the appropriate filename and upload again (overwrite).

    All done!

    Grace Themes

    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,
    ) );

    Grace Themes

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.