- This topic has 26 replies, 9 voices, and was last updated 11 years, 5 months ago by
.
-
Posts
-
Hello,
How can I control the background image re-sizing in Minimum Pro on G2.x ?
I have a site I'm working on for a photographer / well proof of concept. He really likes Minimum Pro, but the image re-sizing could be a real killer.
For example, on iPad portrait or iPhone landscape this image is sized very badly and results in the subjects be cut-off.
Is there a way to have better control or even force no sizing but still remain responsive?
iPad portrait results in just the top of the image and stopping just above their heads.
iPhone landscape results in the bottom of the image and only showing reflections.Obviously for a photographer this would be killer.
http://www.coralseait.com/csit_test/
Cheers!
I believe it is already built in? But is there any more granular or fine control of it possible?
The problem seems to be Minimum's 'scrolling window' effect, and where it decides to center vertically. The image itself re-sizes well.
I'd like to know the answer to this also. Current behavior of the image makes it unusable for me. It's certainly possible to have "static" images that are responsive. Done all the time. This is a bit more like a home-page-image-on-LSD where the image seems to center and crop in weird sorts of ways. Granted this all works fine for some images that are more "moody" and vague in nature, but for folks who want to use a precise full image this is a problem setup. I'd love to learn how to get away from this default behavior and back to a regular responsive image effect.
Indeed, it is def behaving in an odd way. I notice on certain size windows the header area stays at the top and the tag line area / rest of page scrolls up to meet it and then disappears under it as you scroll page down. This happens at 1024x768 resolution browser full screen. This would seem the intended behavior.
Slightly size the browser down and suddenly the top header does not stay put the whole page slides over the image starting with header and disappears under browser menu bar. A page refresh may be required after browser re-size to see it.
Depending on window size, the view port for the image centers very strange vertically i.e. as I described in op on iDevices.
I can probably capture vid if it helps, but the bottom line is this makes the theme too unpredictable to use.
I recently heard from official support that the developers are working on this issue now. I don't know what this specifically means, or when an update will be ready. But it seems enough folks have complained and some adjustments or additional options are being built in.
@coralseait - What you're seeing on screen widths less than 1024px is the actual impact of the theme's CSS. See lines 1673-1675 of the child theme's stylesheet.
At screen widths of 600px or less, a mobile menu kicks in, which changes the header again. Thus, there is this spot of screen widths between 1023px and 601px where the menu is not fixed but also not the mobile version.
Whether that's by design or not, I can't say.
You might want to raise this in a support ticket to see if that's the intended behavior and post back with what you learn. It's easy enough to change in CSS either way.
Web: https://wpperform.com or Twitter: @wpperform
We do managed WordPress hosting.
The image issue for the background is working as intended in the design. It is not a featured static image.
The design is a background image with a parallax effect.
**forum signature**
If you need technical support for your theme please file a ticket.The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.
@Andrea: Yes, I think we understand it's the intended effect. Unfortunately, as they say, the road to hell is paved with good intentions!
The background image with parallax effect (I assume we're talking about the default home page image) simply doesn't work well in many circumstances. Let me describe one: I use a photo with a group of people. This "intended behavior" ends up in many cases with a banner image that clearly focuses on the womens' breasts, not the whole image. As you can see this might be great for a porn site, but certainly terrible for most sites.
I can certainly see how it would be useful to have the parallax effect for some folks. But what would be much better is to redesign things so one had the option of parallax or static. I believe the developers are curently working on such a upgrade.
Thank you all very much for your comments. It sounds like a solution is in the works.
in the meantime does anyone think a CSS trick or two could patch the issue until an official solution is available?
An update, I notice below 1024 the top cropping (or parallax centering if you will) becomes worse if menu items overflow to a second line.
Cheers
I'll add my voice to this request:
Yes yes! Please DO offer the "non-parallax" option for the background on this theme. Love the theme, but as others are saying, the background doesn't work well at all with many kinds of images.
I do understand about the "parallax" thing. Just saying the option to NOT have it be that way would be awesome! 🙂
Hello Minimum Fans!
Yes, the way the theme "mangled" his photo was the only complaint my client had.
So until the fix comes down, it has to be exactly the dimensions of the original photo? 1600 width x 1050 height, 96 dpi
Will this change after the fix? I was thinking of preparing a selection for my client but if this will change, I won't. (Let me know here if you want me to post the rejects.)
If the client wants a photo of the same width but much shorter height, to avoid all the scrolling, is that going to be okay after the fix?
By the way, I definitely recommend images that look good no matter how they are sliced in the horizontal band. Nature scenes work best, landscapes, cityscapes. Something with depth, bookshelves work less well. People, not so much. I think that's fair. All parallax images are that way.
http://demo.teothemes.com/?theme=teo-wp-- SCOE
I just purchased this theme and the backstretch was driving me crazy... happy scoe provided this fix.
After digging around and trying different things I'm not so unhappy with backstretch as I am with the aspect ratio handling. Apparently backstretch has an option called centeredx which allows one to control the aspect ratio of the image but all the code I can find involves changing the core jquery code. Is there a way to control the backstretch image aspect ratio handling in the php?
It is a tough nut to crack that's for sure. It is a fantastic theme, and really viable for many uses. I don't want to seem like I'm dogging on it too much. For my specific use right now, it just doesn't work. I trust they'll give us a fix in due course.
I too like this theme. It seems to have a lot of flexibility and as I've played with this image business I've learned to register widgets, add structural wraps etc. so it's been a win for me overall but I'm not where I want to be.
I've done a number of "work-arounds" but am not happy with any. As it stands I've added a new section to the home page called home-image using the code in the old minimum theme for featured-image as my guide. It seems to be working in that I see my image but I can't grab it with CSS so there is likely something wrong in my php. It is still relying on the CSS element called .img, not the element I named in the style.css called .home-image.
Looking at websites of people that contribute regularly to this blog, both John Sundberg and Carrie Dils are accomplishing what I'm trying to accomplish; that is they have images that span the frame, are responsive, stay centered as you zoom in and out etc. This is NOT the same thing as a background image which minimum-pro is designed for but it fits my needs better.
John is on the older version of minimum I think, based on his comments on his blog, yet he's using backstretch to control his homepage image if I'm reading it right in Firebug. If you zoom out in the browser the background seems to span indefinitely yet it stays centered. Pretty tricky piece of work and what I'm shooting for. Perhaps he'll see this post and tell me how he did it.
For this scenario I'm sticking with Minimum 2.0 because it is absolutely critical the images don't adjust in unpredictable ways. Being a photographer, he needs his compositions to be assured.
Also I'm not the greatest with CSS; I'm more of a back end infrastructure DB / code type so I'm sure there's CSS magic that could help but it escapes my grasp ... right now. I'm brushing up the CSS skill set and improving it, but for now it is better I stick with 2.0 as it better suites our needs.
I can't wait for more pro vs / HTML 5 theme updates!
Well, I finally got it. I was getting the CSS statement wrong. It needed to be img.home-image with no spaces.
So where i stand.. I've added a section to the home page that is outside of the widgets and above the site-tagline. I've added my static image in the php and now i can style it with CSS. I still think some of my CSS is faulty but I'm very close.
- The forum ‘General Discussion’ is closed to new topics and replies.