WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header image is resizing itself (7 posts)

  1. jax4pres
    Member
    Posted 1 year ago #

    Hello,
    I'd love some help with my WP site. I have a custom, responsive theme and am having a problem with my header image. The image itself is 300 x 70 pixels but is showing up significantly smaller on my site.

    Here's the image itself:
    http://jackgrabon.com/wp-content/uploads/2013/01/logo-header2.png

    Here it is on my site:
    http://jackgrabon.com

    I'm assuming that I can make the image bigger, but I have no idea how to or where to go. I went into the header itself but don't see where this is happening. Any help would be much appreciated.

    Thanks,
    Jack

  2. Vayu Robins
    Member
    Posted 1 year ago #

    In the header, can you see where the html is outputting your image? Does it set width and height in there?

    This is the html output

    <img width="210" height="70" alt="Jack Grabon, LCSW, CPC" src="http://jackgrabon.com/wp-content/uploads/2013/01/logo-header2.png" scale="0">

    I assume that you have loaded you logo via theme options, but somewhere in your theme header, the width and height is set on the image tag.

  3. jax4pres
    Member
    Posted 1 year ago #

    Hey Vayu,
    I can't see where the HTML is outputting my image. Like you said, the image was loaded via theme options (at least I think, as I had someone else do it). Still clueless here.

    Jack

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, there is likely a way to fix it in your theme settings, but if you can't figure that out, adding this to your CSS code looks like it will do it too:

    #logo img {
    width: 300px !important;
    height: 70px !important;
    }

    Do you have a custom CSS option? If not, you can add the above code to the bottom of the style.css file.

  5. jax4pres
    Member
    Posted 1 year ago #

    I went to the editor where I am able to edit the CSS. I went ahead and pasted that code at the end of the file. Nothing changed though.

    I did find this in the code though:

    img {
    height:auto;
    max-width:100%;
    }

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It's actually changed via that CSS you added - clear your browser cache :).

  7. jax4pres
    Member
    Posted 1 year ago #

    Thanks WPyogi, I see it now. I did a shift + refresh right after I updated the code but perhaps it didn't update right away as it said it did.

Topic Closed

This topic has been closed to new replies.

About this Topic