WordPress.org

Forums

[resolved] Custom Logo Resize (5 posts)

  1. minimematernity
    Member
    Posted 2 years ago #

    Hi there,

    I was able to upload a custom logo above my header art but it is showing up huge. How can I make it smaller and reduce the whitespace above my header art?

    http://minimematernity.com/

    Thanks!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Those kinds of modifications will require making changes to your theme's CSS -- and the best way to do that is to either create a Child Theme or custom CSS via a plugin such as JetPack.

    http://codex.wordpress.org/Child_Themes

    That way, your changes won't be lost when WP is updated. Once you have that set up, someone can help you with the code to add to your new CSS section.

  3. minimematernity
    Member
    Posted 2 years ago #

    I actually already have the Jetpack CSS plugin installed.

    What do I need to do now to re-size and position the logo using the Jetpack plugin?

    Thanks!

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Oh cool...try adding this to the custom CSS - and adjust the percentage to what you like:

    #site-title img {
        width: 50%;
    }

    Also add this:

    #site-description {
        display: none;
    }

    To adjust the top/bottom spaces this:

    #site-title {
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }
  5. minimematernity
    Member
    Posted 2 years ago #

    Perfect! That worked. Thank you :)

Topic Closed

This topic has been closed to new replies.

About this Topic