How can we help you today?

How to Make Fixed Background Image on Sections/Rows

If you wanted to apply a fix background image on your section, so that the background will remain on its position while you scroll down the page, this article will show you how to achieve that using some Custom CSS, so let's do it.



Step 1:

Edit the Section that contains the Background image, and Go to the Custom CSS tab, and paste the following code:


& > [data-shortpoint-type="background"] > .shortpoint-background-bg > div {
background-attachment: fixed;
}


More detailed tutorial on this step can be found here



Step 2: 

Update and Save the page, that's all!


Please contact us in case you have any questions or suggestions.

For an advanced tutorial on Custom CSS please click here.

Also, you're welcome to check our other Custom CSS solutions.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 44 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more