Header image is resizing itself

  • Resolved jax4pres

    (@jax4pres)


    11 years, 9 months 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:
    https://jackgrabon.com/wp-content/uploads/2013/01/logo-header2.png

    Here it is on my site:
    https://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

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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="https://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.

    Thread Starter jax4pres

    (@jax4pres)

    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

    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.

    Thread Starter jax4pres

    (@jax4pres)

    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%;
    }

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

    Thread Starter jax4pres

    (@jax4pres)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header image is resizing itself’ is closed to new replies.