Header image is resizing itself

Viewing 6 replies - 1 through 6 (of 6 total)
  • Vayu Robins

    (@vayu)

    11 years, 2 months 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.

    Thread Starter jax4pres

    (@jax4pres)

    11 years, 2 months 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

    WPyogi

    (@wpyogi)

    11 years, 2 months 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.

    Thread Starter jax4pres

    (@jax4pres)

    11 years, 2 months 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%;
    }

    WPyogi

    (@wpyogi)

    11 years, 2 months ago

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

    Thread Starter jax4pres

    (@jax4pres)

    11 years, 2 months 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.

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