CSS Help Background Image URL Parallax

jbriginshawphotojbriginshawphoto Wedding & Elopement photographer in Prince Edward County, OntarioTorontoRegistered Users Posts: 33 Big grins

Hi there,

I am trying to Recreate this on my website: https://gallery.imagesinthebackcountry.com/Smugmug-customization/SmugMug-Customization-Demos/Fixed-Scrolling-Demo/n-NHNZ5K

When I work with the CSS code provided from the website and start to recreate it with my own background images, my images won't show up. What am I doing wrong?

p,
h2,
h3 {margin: 0 auto 1.5rem;}

p {line-height: 1.5;}

.sm-page-widget .sm-page-widget-content {margin: 0;}

.container {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

.container--image-01 {
background-image: url ("https://photos.smugmug.com/photos/i-TwrzrmJ/1/14c734b2/M/i-TwrzrmJ-M.jpg");
min-height: 100%;
}

Tagged:

Comments

Sign In or Register to comment.