Align background image in parallax section to the top


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?


Hi there

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

Hi Noda,
My website is
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,

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(;
background-size: cover;
background-attachment: fixed;