Archived topic
Image rendering in a container
3 replies · Started by Jonathan on August 7, 2022
Hi,
I am having trouble getting an image to look right in a container. It is on this page:
https://andersonscouthouse.com/about/
Is it possible for the image to be centered in the container such that the important part (where you see "1896") appears on desktop, tablet, and mobile, without any white space in the container holding the image? Alternatively, would it look better if somehow the text could flow around a smaller image? I don't know how to do that in GeneratePress but I thought I'd ask. Thanks!
Hi Jonathan,
There’s a Position setting in the Background settings of the Block.
You can try setting percentage values like: 50% 90%. We can also use custom CSS to have a specific position for mobile view.
With regards to this “Alternatively, would it look better if somehow the text could flow around a smaller image? I don’t know how to do that in GeneratePress but I thought I’d ask.” do you have a sample site or sketch we may refer to so we could have a better understanding of what this would look like?
Thanks, Fernando! The position setting seemed to work.
You’re welcome Jonathan!
