all images extremely zoomed in

Thanks for using Tracks!

If you can share the URL of your site, I’ll check it out and see if I can find another solution.

Thanks!

Hey,

Thanks! Right now you can see the issue happening on jlnevisllc.com – the images (or image containers?) don’t want to resize properly.
Original problem screenshots-
https://i.imgur.com/yG7IIWY.png (desktop)
https://i.imgur.com/GeYLplN.png (mobile/tablet)

Using override css of background-size: 100% seems to shrink the images to the width of the entire entry container, but I still only get half an image; the leftmost images (currently) show only the left half of each image, the rightmost show the right half, etc.- but this is better compared to what it was. The same issue happens if I have a blog post with a featured image up top- it appears extremely zoomed. (I don’t have any posts active right now, but let me know if seeing one would help and I can put up a temporary one.)

It appears after tinkering with the code that it’s an issue with the container(?) or something higher above that, since aside from the zooming issue, viewing on tablet or mobile leaves huge odd spaces under the images also? I have no clue what’s going on with it honestly.
Weird space screenshot on mobile: https://i.imgur.com/37nMqr0.png

The strangest thing is that everything was completely fine 2 weeks ago and the code wasn’t touched in the meantime- then when I checked yesterday everything was wonky.

Any help is much much appreciated!

Thanks for all the info!

I think I see what’s happening now. On the blog page, if you add Featured Images to the posts there they will display correctly. It looks like Tracks is not playing nice with whatever plugin is currently being used to insert the post list into the static page displayed on the homepage. Is it possible for you to use the regular blog page on your homepage instead, or do you need a custom page for your homepage?

I’d love it if that were the case- unfortunately the blog page is doing the exact same thing when I have featured images. As per- https://jlnevisllc.com/blog/

Not using a plugin, the frontpage is just a straight-up php clone of the blog page layout (as per client’s request, they wanted the blog and homepage to have the same layout but be completely separate- if there is a better workaround to this I am all ears!!)

ETA: If you click through to a sample blog post, you can also see it’s doing the same spacing issue, on desktop at least.

• This reply was modified 7 years, 1 month ago by mdevadmin.

Update to the situation: I went ahead and blew away all the old content and deleted the theme completely to reinstall, also took down all custom CSS additions and it still behaved exactly the same way for featured images on the blog (which was then the home/main page): https://snag.gy/bPiOZ6.jpg

I’m going to be re-importing the changes in the meantime, but I just can’t wrap my head around what would be making it behave this way…?

(Thank you, by the way, for your assistance! It’s truly greatly appreciated!)

Got it, thanks!

These pages are still technically not the default blog page created by WordPress and the issue is coming from the classes that get automatically added to the body element.

The issue here is that the singular-page class is being added to body, so the Featured Images are getting some of the styles reserved for posts/pages where they display much larger.

I have a solution that I think will work well. First, visit the Reading settings (Settings > Reading) and set the latest posts to display on the homepage. Next, in your Tracks child theme, copy index.php and rename it to home.php. Then you can add the static text inside of home.php (line 4 would be a good location) and it will display on the blog. This way, you’ll get the text above the blog posts and the body element will have the right classes for styling the Featured Images.

Ok, doing that- the images are still behaving the same way. Latest posts are set to display, and it was doing it even before I copied index.php to make home.php. The only screens I can get them to look normal on are tiny mobile screens- the smaller the better, since the images fill their whole allotted space in the vertical-scroll environment.

I’ve completely reinstalled the whole theme thrice now, so I don’t know what lingering thing could still be making it try to add that class to body? Is there something else that I should be making sure is gone?

My bad- the laptop I was using has bad cache issues and was still hanging on to the old page somehow even after repeated flushing. The page that wordpress considers the blog page (currently at /blog since I switched it back) is now functioning with the featured images sizing as they should- however is there a way to display the recent posts only on that blog page, with a different set of specific static links (to pages vs posts) on the main page?

Also, putting the text in the home.php file means it’s only appearing (currently) on the blog page, not any of the other static pages. Is it a bad idea to include this in the header.php file so that it’ll be the same across the board?

Got it- just need to finalize some stuff and it’ll work. Can’t thank you enough for your help!!

Hey that’s great to hear! I’m glad I could help out ??