Get 20% Off On All Our Premium WordPress Themes Bundle. Use GRACEBFCM Coupon Code For Discount Deal Upto Dec 15 Buy Now

Logo size increase width

Home Support Study Circle WordPress Theme Logo size increase width

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