Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 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
    Posts
  • #4443
    [email protected]
    Participant

    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
    [email protected]
    Participant

    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
    Member

    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.