WordPress.org

Ready to get started?Download WordPress

Forums

how to resize site logo on the Magazine Basic theme? (7 posts)

  1. happywhiskerz
    Member
    Posted 11 months ago #

    I have updated my logo and uploaded it, but how do I resize it so it doesn't take up all of the header? I don't know anything about code.

    http://www.happywhiskerz.com

  2. ModularBase
    Member
    Posted 11 months ago #

    Your image is the same size. It is centered in this div with alot of white space around it:

    #site-logo {
        display: inline-block;
        padding: 30px 20px 0;
    }

    if you find the above in your css and add the following temporarily, you will see where inside the div your image is:

    #site-logo {background:pink;
        display: inline-block;
        padding: 30px 20px 0;
    }

    After seeing where the image is located, remove the background:pink;

  3. happywhiskerz
    Member
    Posted 11 months ago #

    I don't know where to find this code to change it. It's not in the header code.

  4. Andrew
    Forum Moderator
    Posted 11 months ago #

    You don't need to find where this code is, you never make changes directly in theme files unless through a Child Theme.

  5. Andrew
    Forum Moderator
    Posted 11 months ago #

    If you just need to make a CSS change then try using a Custom CSS plugin.

  6. Andrew
    Forum Moderator
    Posted 11 months ago #

    Either way you need to create new styles that overriding existing ones.

  7. ModularBase
    Member
    Posted 11 months ago #

    "I don't know where to find this code to change it. It's not in the header code."

    I offered this only for you to see where your image was, which is why I said to remove it after. Any changes, like Andrew Nevins said, should be done in a Child Theme or with a Custom CSS plugin.

Reply

You must log in to post.

About this Topic