Adding Parallax to Page Header | WordPress.org

Resolved witk123
(@witk123)

6 years, 10 months ago

Howdy,

I would like to add a parallax banner to the top of each of the pages (except the front page), behind where it says “People” and the like. I’ve downloaded the plugin Parallax Scroll which has given me this shortcode [parallax-scroll id="484"], but I don’t know which file and where in it to embed this. I believe the CSS to reference this is “jumbotron” but I think I need to actually go the php to embed the short code right?

Thanks for helping,
Justin Witkowski

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

Thread Starter witk123
(@witk123)

6 years, 10 months ago

As it turns out, I didn’t need the plugin. I can do just it with Custom CSS. `.jumbotron.banner-none{
background-image: url(“https://www.gerakis-lab.com/wp-content/uploads/2019/06/laserpic1-banner-e1560286364697.jpg”);

/* Set a specific height */
height: 180px;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
`
I found the solution on this site: https://www.w3schools.com/howto/howto_css_parallax.asp

Thanks again,
Justin

Viewing 1 replies (of 1 total)

The topic ‘Adding Parallax to Page Header’ is closed to new replies.

1 reply
1 participant
Last reply from: witk123
Last activity: 6 years, 10 months ago
Status: resolved