Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #159724
    hoiung
    Participant

    Hey,

    How can I make the logo in the centre of my website bigger?

    https://zoukdancecamp.com/

    Will the logo be responsive and reduces in size as I change from tablet and mobile sizes?

    Thanks, Hoi

    #159758
    sapana
    Participant

    @hoiung: It seems that you have use the small size image , Please use the larger size image in custom logo.
    Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code to change the size of the logo

    .custom-logo {
        max-width: 500px;
    }

    Let me know if this helps you out!
    Kind Regards,
    Sapana

    #159773
    hoiung
    Participant

    Hey Sapana,

    I’ve tried that code yesterday and also again with your css code but doesn’t work 🙁 something is blocking it from getting larger?

    Kind Regards, Hoi

    #159851
    sapana
    Participant

    @hoiung:Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.

    .custom-logo {
        width:500px;
        max-height:500px;
    }

    Let me know if this helps you out!
    Kind Regards,’

    #159901
    hoiung
    Participant

    @sapana: tried the above code too, the changes still not working 🙁

    #160093
    sapana
    Participant

    @hoiung: For this you will need to create a child theme and do a bit of customization. Let me know if you are familiar with child theme customization I will provide you necessary CSS.

    Kind Regards,
    Sapana

    #160120
    hoiung
    Participant

    Hi sapana,

    I’ve created the template into a child theme already. so please let me know what I’ll need to do next. thanks.

    #160180
    sapana
    Participant

    @hoiung:
    step 1: Go to => Child Theme Folder => functions.php and add the following Code.

    add_theme_support( 'custom-logo', array(
    			'height'      => 500,
    			'width'       => 500,
    		) );
    

    step 2: Go to=> Appearance=> Customize=> Additional CSS and add the following code

    .custom-logo {
        width:500px;
        max-height:500px;
    }

    Let me know if this helps you out!
    Kind Regards
    Sapana

    #160247
    hoiung
    Participant

    thanks for help!

    I had to use this CSS code for it to work:

    /* make logo larger */
    .custom-logo {
    		width: 350px;
        max-width:350px;
        max-height:350px;
    }

    Now only one problem, the resolution of the logo is terribly, it’s stretching the thumbnail 150px one. I tried many times to upload different sizes but the option to skip crop doesn’t seem to be available! I use your other templates and they all have that option, is this a feature that’s missing?

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘make logo larger’ is closed to new replies.