[giurca86Participant]

Hi Support,

Website in question is http://www.kozykids.com.au

The cloud background pattern that I have setup behind the content, is aligning/floating to the bottom and hence the top of the page has the background cut straight.

I would like the background to float to the top.

Your help with this matter is much appreciated!!

Ben

[RupokMember]

Hi Ben,

I can help with that. Let’s add this under Custom > CSS in the Customizer.

.backstretch > img {
  top: 0 !important;
}

Hope this helps.

[giurca86Participant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

Can you give us a screenshot of the background you’re referring to? If it’s also located in a different page, please give us the URL.

Thanks.

[giurca86Participant]

Hi Christian,

I have attached the background here.

So just to clarify, all I am trying to achieve is to display this png as a static background of the main cornerstone section on the home page(and every other page thereafter.)

The problem I am having, is that the top of the png, which is rounded like the sides, is not showing at the top of the page, because the background seems to be aligned bottom of the page, and cropped at the top.

I need it to start at the top..

I hope this makes sense to you 🙂

Ben

[LelyModerator]

Hello Ben,

This is because you have set Parallax to ON. Parallax setup will give us fixed background. That’s why when you scroll down, you will see the edge of the cloud on top. See this:http://screencast-o-matic.com/watch/cD6hIjjUmZ.
Set Parallax to OFF and then add background-position: top center !important; on section style field.

Hope this helps.

[giurca86Participant]

Thank you very much! Worked Perfectly 🙂

Have a great day.

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts