This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How To Stop Resizing Images in Header and Footer? (Vantage Premium)

Resolved 10 replies premiumthemetheme-vantage
Sunsmile
11 years ago · Last reply by Andrew Misplon 11 years ago

I insert small images in header and footer, and Vantage Premium changes their size. It makes them a little larger, and they become blurry! When I view the images in the browser by themselves, they are normal.

How do I stop Vantage from making my images larger? I see the point of resizing large images for the mobile screen, but I don’t want it to make my small images bigger…

Please help!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 11 years, 7 months ago

    Hi

    If this is still live please send through a link to your site and I’ll take a look.

    Thanks

  2. Sunsmile 11 years, 7 months ago

    Here’s the link:
    http://yourwebsiteasap.com/tacticalsecure/ (further info removed for security reasons).

    The top right picture (with text and phone # in it) is clearly distorted in Firefox. When I right-click and choose “View Image”, it’s smaller and looks normal (not blurry). Same with Facebook and Yelp buttons in the footer.

  3. Andrew Misplon Staff 11 years, 7 months ago

    Please try inserting this under Appearance > Custom CSS:

    /* Header */
header#masthead hgroup .logo img {
padding: 0 !important;
}

    You’ll then need to head to Appearance > Customize > General: Header Padding and increase that a little to compensate.

    I don’t see any re-sizing in the footer right now though.

  4. Sunsmile 11 years, 7 months ago

    I inserted it and it shrunk the padding, but the top right header image is still resized & blurry!

  5. Sunsmile 11 years, 7 months ago

    Another thing I discovered is when I resize the browser window to make it really small (like a vertically held smartphone), the top right header image becomes normal (not blurry)! How can I make this image look like this in a regular size browser?

  6. Andrew Misplon Staff 11 years, 7 months ago

    As I see it in my browser (OS X, Chome, latest versions), your header sidebar image is being displayed at 314 x 100 which is the size of the image. Let me know which operating system and browser you’re using and I’ll take a look.

  7. Sunsmile 11 years, 7 months ago

    Windows Vista, Firefox 30.0

    Here’s the screenshot of how it looks in my browser: http://yourwebsiteasap.com/tacticalsecure/screenshot.jpg (make sure to zoom in so it’s the actual size)
    Here’s the image in question viewed separately: http://yourwebsiteasap.com/tacticalsecure/wp-content/uploads/2014/06/phone.png

    I looks like the image is definitely RESAMPLED in the browser version.

    Now, here’s the screenshot that shows that the image looks CORRECT when I resize the browser to the smallest phone size. It really changes the minute I hit that small browser size (480px?)
    http://yourwebsiteasap.com/tacticalsecure/screenshot2.jpg

  8. Andrew Misplon Staff 11 years, 7 months ago

    Please can you check that your browser zoom is set to zero. It looks like your page might zoomed.

  9. Sunsmile 11 years, 7 months ago

    You are right! I zoomed out the browser and now the image looks correct! Thank you so much!

  10. Andrew Misplon Staff 11 years, 7 months ago

    Super, glad that sorted it out. All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread