CorinnaR Posted November 7 Share Posted November 7 hi, is it possible to get the parallax-effect in the background for lower sections on the portfolio page, but not the portfolio section itself? I would like to keep the blue in the portfolio-section, but have all the other sections below that with the background like the about-page (Über Uns). website: https://scarlet-clementine-rsng.squarespace.com pw: applaus code I used on the about-page : <style> .section-background, .page-section, .section-border { background: transparent !important; } body { background-image: url(https://static1.squarespace.com/static/6543b43f555c594c9d98c11a/t/654a39a8043430171539d33b/1699363240540/BACKGROUND_WHITE_200.png); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } </style> Link to comment
SaranyaDesigns Posted November 7 Share Posted November 7 @CorinnaR yes try this: #collection-6548e6c4d402863b7021bc5c .page-section:not(.first-of-type) .section-background { background-image: url(https://static1.squarespace.com/static/6543b43f555c594c9d98c11a/t/654a39a8043430171539d33b/1699363240540/BACKGROUND_WHITE_200.png); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } Link to comment
Solution CorinnaR Posted November 8 Author Solution Share Posted November 8 Hi Saranya, that specific code didn't quite work, but switching the ".first-of-type" for "section:first-child" did the trick. thank you so much! 😊 code used now in header-section go the portfolio page: <style> #collection-6548e6c4d402863b7021bc5c .page-section:not(section:first-child) .section-background { background-image: url(https://static1.squarespace.com/static/6543b43f555c594c9d98c11a/t/654a39a8043430171539d33b/1699363240540/BACKGROUND_WHITE_200.png); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } </style> SaranyaDesigns 1 Link to comment
SaranyaDesigns Posted November 8 Share Posted November 8 @CorinnaR whoops, my code had a typo, that's probably why... it should be a colon before :first-of-type instead of .first-of-type - sorry! But good detective skills, glad it worked! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment