I have some sections in my website that have just a background image. Since I like the effect of parallax backgrounds I activated that option.
For some reason the pictures are not centered. they are too high so that the lower edge of the picture is visible.
Can you tell me how to fix this?
Here is the link to the website: t1p.de/th6t
Thanks for your help!
thanks for the quick reply.
I know that I can set the position there. But it seems like it doesn't have any effect.
All the pictrures are set to "center center" but they still are to high. It's worse on the phone. There I can't even see the bottom two pictures because they sit to high.
In the code it says
background-position: 50% -604px;
is that right?
EDIT: Also, I just realized that it seems to work when I'm in the sp page builder frontend editor. As soon as I close it the background is too high again. I don't know why it behaves like that.
we are not recommend background-position: 50% -604px; with fix background. you use background-position from the row option of sp page builder.
I suggest you please use the image with high width and low height (1800X775px).
Like this: www.screencast.com/t/z7YjK1il
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.
Parallax Background not centered
3 years 3 months ago #10946
Actually I didn't choose or set the background position manually to 50% -604px. I only used the row option in sp page builder.
How do I change the position? Changing it in sp page builder doesn't change it.
Like I said it just works as long as I'm in the front end editor. When I close it the pictures move up again.
JoomDev is not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.