I have a Bloc where I’ve selected an image to be used as a background. In the Bloc settings pane, I can change the ‘Style’ such that the image is aligned to ‘Top’ or to ‘Fill’ or ‘Repeat’ etc. When selected to ‘Fill’, the image fills correctly, however is aligned to the centre of the Bloc. If I change the style to ‘Top’, the image aligns correctly to the top, but reverts to its original resolution.
I apologise if I’m being daft and missing something obvious, but is there a way for the image to fill the Bloc, whilst still aligned with the top of the image at the top of the Bloc? I’ve previously used GUI builders with this option, so I suspect I’m being a bit silly. If this option does not yet exist, I’d be extremely grateful for any solution suggestions!
It depends on the size of your image, the size of the Bloc, the size of the content within the Bloc and finally the size of your monitor/browser window
The options in the sidebar inspector are basic for Bloc background image manipulation. However, if you create a custom class and apply the image background that way, you have access to a range of image settings for more granular positioning etc in the Class Editor.
But there are a range of pitfalls to consider when designing for responsive design, that makes it a challenge to apply a one size fits all image as a background. It’s likely you may need multiple alternate scaled images for each breakpoint too, in order to maintain the effect you are trying to achieve.
If you could share a screenshot of what you are trying to do I may be able to help further.
Yeah as @Norm has said image size is key with how it display with the various options and browser sizes.
My mindset is to to always find a large image to start with that gives me great options and I love images that the main subject of interest is central if possible and this ticks a lot of boxes in my mind.
I do sometimes have different images across various breakpoints of different size versions of the main image.
Thank you so much for taking the time to reply to me. Your suggestion was exactly what I was looking for! I just didn’t know/hadn’t thought about doing it that way.
I’m far from an expert, so my opinion isn’t exactly worth a great deal, but the more I play around with Blocs, the more I love it; it’s a great bit of kit.
