Parallax images out of alignment

Shapely
#1

Hello,

Thank you for supplying such an excellent product. I’ve only recently discovered this theme but have quickly found it to be very useful.

I’m having an issue with the parallax image alignment. The image from one parallax section is continuing into the text area of the one below it. I’ve attached two screenshots in a single file where you can see this happening.

The site is www.bccraftsupply.ca

I tried fixing this issue with the following custom CSS, but it didn’t work:

.shapely_home_parallax {
margin: 0 auto;
}

I’d appreciate your help with this.

#2

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.shapely_home_parallax {
padding: 40px 0px;
}

Thanks!
Colorlib Support Team

#3

Thanks for your quick response.

This works for the top two parallax sections but the ones below continue to be pushed out, as you can see on the screenshot.
The text in blue is highlighted because otherwise it’s white text on a white background, and therefore invisible.

#4

Hello

Try this code:

div#shapely_home_parallax-5 {
margin-bottom: 45px;
}