Logo sizing issues

  • wakeforce

    (@wakeforce)


    10 years, 6 months ago

    Hello!

    I’m trying to make the logo appearing on my home page bigger, but using the max-width parameter in img.site-logo doesn’t create any change past about 250px. I can make the logo smaller than that, but can’t make it bigger. I suspect another element is preventing the logo from getting bigger, but I can’t find what it is.

    Anyone has a cue? Here’s the page I’m working on: http://terranati.com/

    Much thanks!

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    10 years, 6 months ago

    Increasing the logo size requires a function, in addition to CSS.

    First you’ll need to make a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:

    http://codex.wordpress.org/Child_Themes
    http://op111.net/53/
    http://vimeo.com/39023468

    Then in your child theme’s functions.php file, add this function:

    function harmonic_child_site_logo() {
  add_image_size( 'harmonic-site-logo', '800', '800' );
}
add_action( 'after_setup_theme', 'harmonic_child_site_logo', 11 );

    And in your child theme’s stylesheet, add this:

    img.site-logo {
  max-width: 800px;
}

    Adjust the values as you like. When you’re done, upload your logo again in the Customizer.

    Let me know how it goes.

Viewing 1 replies (of 1 total)

The topic ‘Logo sizing issues’ is closed to new replies.