Spankypod Posted March 16, 2021 Share Posted March 16, 2021 Site URL: https://yvonnehigginsleach.squarespace.com I'm able to put in a different background images on different pages. Is it possible to put two background images on one page? see: https://yvonnehigginsleach.squarespace.com/test (different from other pages) using code injection: <style> body { background-image: url(https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important; background-size: contain; background-repeat: no-repeat; background-position: center top; } </style> I would like to add another background image and have tried. <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png), url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png); background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> and have tried using !important <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important, url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> Thanks! Link to comment
Beyondspace Posted March 16, 2021 Share Posted March 16, 2021 2 hours ago, Spankypod said: Site URL: https://yvonnehigginsleach.squarespace.com I'm able to put in a different background images on different pages. Is it possible to put two background images on one page? see: https://yvonnehigginsleach.squarespace.com/test (different from other pages) using code injection: <style> body { background-image: url(https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important; background-size: contain; background-repeat: no-repeat; background-position: center top; } </style> I would like to add another background image and have tried. <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png), url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png); background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> and have tried using !important <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important, url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> Thanks! If 2 image on same page, how would they display? Overlay or show/hide according to screen size? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! 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