Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 24, 2017 at 7:03 am #121004
    simorph
    Participant

    Hi there,
    have just updated to 1.23 and everything seems to be working fine, except for the fact that my header image seems to scale massively…unless the browser window is narrowed enough to hide the right column at which point it acts correctly/as it used to before the update.

    http://www.simonphipps.com/

    I have checked plug-ins and tried with and without custom CSS, no obvious conflicts.

    Seems to be that the header image is being scaled to the full height of the screen, so that by default my home page shows a blurry version of the top of my head…

    Any suggestions?

    Thanks

    August 25, 2017 at 1:08 am #121037
    tikaram
    Participant

    @simorph : I checked from my end and the image is not blurry in the homepage. If you would like to display your header image with full height then add the following additional css.
    Go to Appearance => Customize => Additional css and add the following css

    @media only screen and (min-width: 990px) {
	#header-featured-image{
		padding: 500px 0;
	}
}

    If you are looking for something different than this solution please let me know.

    Regards,
    Tikaram

    August 25, 2017 at 7:07 am #121064
    simorph
    Participant

    Thanks for the speedy reply, Tikaram – I don’t think I’d quite explained myself correctly.

    It seems to be some kind of issue where the header image seems to scale itself by default and then end up looking far too zoomed in and blurry.

    I’ve taken these two screenshots of my site side-by-side…

    On the homepage, (left) my header image (pic of me) and the slider image (pic of hand holding brushes) are appearing as I’d expect – not zoomed – if I drag the right hand edge of the browser out to the right a LONG way the header image of me begins to zoom.

    On my art page (right) the header image is already zoomed in (compare the size of it to the slider image on the home page) where I’d expect it to be behaving just like the header image of myself on the homepage

    Header Image Example

    To add a complication to this, I’ve had a couple of instances where the homepage has acted just the same – rather than a default of me peering over the top of the slider as in the screenshot, the image is zoomed in a long way showing only the top of my hair.

    Here are the links to both images

    http://www.simonphipps.com/wp-content/uploads/branding/featured_header_simonphipps.jpg
    http://www.simonphipps.com/wp-content/uploads/featured/featured_art.jpg

    As you can see, these are the exact same dimensions as the header image from your template
    http://www.simonphipps.com/wp-content/themes/parallax-frame/images/gallery/header-bg.jpg

    The same effect can be seen on one of the game images/pages – if I drag the window so it’s just wide enough – approx 980 -990 pixels the header logo is already zoomed by a factor of (I’m guessing from screencaps and measurements) 114%, which would imply that the images that are 1680 pixels across (just like your template example) are now being scaled up to 1920 pixels wide…?

    http://www.simonphipps.com/games/dragonstone/
    http://www.simonphipps.com/wp-content/uploads/featured/featured_dragonstone.jpg

    Most peculiar
    Thanks again
    Simes

    August 27, 2017 at 12:44 pm #121149
    tikaram
    Participant

    @simorph : The size of the header image that you have is not the exact dimensions as the header image from our template.

    The header image from our template is 1920px * 1080px.
    http://www.simonphipps.com/wp-content/themes/parallax-frame/images/gallery/header-bg.jpg

    The header image from your site is 1620px * 720px
    http://www.simonphipps.com/wp-content/uploads/featured/featured_art.jpg

    Secondly, while accessing the header image it displays the following URL of the image
    https://i0.wp.com/www.simonphipps.com/wp-content/uploads/featured/featured_art.jpg?resize=1680%2C720
    As you can see at the end of URL its featured_art.jpg?resize=1680%2C720. Some plugins that you have used may have resized the image as you can see resize and the resize dimension for the image.

    Please try deactivating all plugins and follow this link to know more about plugin conflict with our themes.

    Regards,
    Tikaram

    August 28, 2017 at 6:37 pm #121241
    simorph
    Participant

    Thanks Tikaram – I was wondering if it was the 1920 x 1080 issue since I see that that is called out in the ‘Appearance’ tab for the Header images. I’m sure that when I put this together I used the 1620 x 720 dimensions from your original template (I wouldn’t have voluntarily chosen those dimensions otherwise…) but hey, ho…

    Thanks for confirming my suspicions thoght – time to reupload a whole stack of images at the correct resolution.

    Thanks again!
    Simes

    August 29, 2017 at 2:32 am #121266
    tikaram
    Participant

    @simorph : Let me know if you have any other issues. Have a Good day.

    Regards,
    Tikaram

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘1.23 Parallax Frame update – Header Image issue’ is closed to new replies.