Archived topic
Background Image Positioning
5 replies · Started by scometamus on September 2, 2022
With much interest, I have read this article https://docs.generatepress.com/article/backgrounds-overview/#position and some support articles, but couldn't solve the issue myself yet.
On our page on the top slider there is an image of two children, but you can only see the boy on mobile view, the girl is cut off. I tried to position the image with the tools mentioned in the above article, but couldn't position the image in a way that both children are centered on mobile view.
Would appreciate any tips, thanks a lot!
Hi there,
Try to set the background-position to 28% center.
Super easy, thanks for clarifying. Maybe that would be nice adding info like that to the support doc :)
This is pure CSS knowledge, not really theme-specific or block specific :)
More info for the background-position property: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
Hi, please add this to the documentation, took hours to find out how to do this!
The link to the detailed article is already in the doc:
https://docs.generatepress.com/article/backgrounds-overview/#position
This isn't something we would explain in GP's documentation as it's a CSS property.
