[Resolved] Background Image Positioning

Home Forums Support [Resolved] Background Image Positioning

Home Forums Support Background Image Positioning

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2331698
    scometamus

    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!

    #2331793
    Ying
    Staff
    Customer Support

    Hi there,

    Try to set the background-position to 28% center.

    #2331825
    scometamus

    Super easy, thanks for clarifying. Maybe that would be nice adding info like that to the support doc ๐Ÿ™‚

    #2331878
    Ying
    Staff
    Customer Support

    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

    #2377400
    Daren

    Hi, please add this to the documentation, took hours to find out how to do this!

    #2377874
    Leo
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.