Align background image in parallax section to the top

Shapely
#1

Hi,

Excellent theme!

In the demo version of Shapely, there is a nice image of the sea (in background to “We change everything wordpress”). I have changed the image of the sea to my own image. The image is in the Parallax section for frontpage and I have set the image position to “Background Full”.

Because of this setting, the top of my image is not visible on the website. I would like to align the image to the top so that the top of the image is visible when the website loads.

I want to align the background full image to top in parallax section for frontpage. How can I do this?

Greetings,
Mennaut

#2

Hi there

In order to check your question i need to see your live website, please provide url and i will take a look

#3

Hi Noda,
My website is https://www.vonbergh.nl.
The image I have used as background has a nice cloud at the top.
This is not visible when my browser is in full screen.
I would like it to be as visible in my browser as on my iphone.
Kind regards,
Mennaut

#4

Hi there

Be aware, when adding an image as a parallax it may behave like that, let’s try something else, try this CSS:

#shapely_home_parallax-2 {
background-image: url(https://www.vonbergh.nl/wp-content/uploads/2020/01/IMG_1547-scaled.jpg);
background-size: cover;
background-attachment: fixed;
}