justinbryeans Posted September 16, 2021 Share Posted September 16, 2021 Site URL: https://rabbit-primrose-wsww.squarespace.com/ I've looked at the built in style options and don't see the ability to set color overlay opacity for slides within the Banner Slideshow. Is that correct? And if that isn't a built in option, any thoughts on adding such via CSS? Thanks! Link to comment
0 tuanphan Posted September 19, 2021 Share Posted September 19, 2021 On 9/16/2021 at 12:24 PM, justinbryeans said: Site URL: https://rabbit-primrose-wsww.squarespace.com/ I've looked at the built in style options and don't see the ability to set color overlay opacity for slides within the Banner Slideshow. Is that correct? And if that isn't a built in option, any thoughts on adding such via CSS? Thanks! Hi, What is access password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 kated1987 Posted January 5 Share Posted January 5 Hi, Did anyone have a solution for this? Really looking to do the same and add an overlay on images used within the banner slideshow. Any help would be really appreciated! Many thanks. KD Link to comment
0 tuanphan Posted January 7 Share Posted January 7 On 1/5/2022 at 8:58 PM, kated1987 said: Hi, Did anyone have a solution for this? Really looking to do the same and add an overlay on images used within the banner slideshow. Any help would be really appreciated! Many thanks. KD Add to Design > Custom CSS /* Banner slideshow overlay */ .user-items-list-banner-slideshow .slide-content { background-color: rgba(0,0,0,0.25); } PatrickJ 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 PatrickJ Posted February 26 Share Posted February 26 (edited) On 1/7/2022 at 2:21 AM, tuanphan said: Add to Design > Custom CSS /* Banner slideshow overlay */ .user-items-list-banner-slideshow .slide-content { background-color: rgba(0,0,0,0.25); } This is great! Is there any way to have the overlay cover the whole image, and not have it only behind the text content? Edited February 26 by PatrickJ Link to comment
0 tuanphan Posted February 27 Share Posted February 27 On 2/26/2022 at 9:32 AM, PatrickJ said: This is great! Is there any way to have the overlay cover the whole image, and not have it only behind the text content? Can you share link to page where you use slideshow? We can check it again easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 PatrickJ Posted March 23 Share Posted March 23 On 2/27/2022 at 12:43 AM, tuanphan said: Can you share link to page where you use slideshow? We can check it again easier For sure! https://www.bronsondesign.ca/about Link to comment
0 tuanphan Posted March 26 Share Posted March 26 On 3/23/2022 at 4:01 PM, PatrickJ said: For sure! https://www.bronsondesign.ca/about Not sure why I miss this comment. You mean cover Our Process section image? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 PatrickJ Posted March 30 Share Posted March 30 On 3/25/2022 at 8:40 PM, tuanphan said: Not sure why I miss this comment. You mean cover Our Process section image? No worries! Actually figured it out, thanks! tuanphan 1 Link to comment
0 PaullyDca Posted April 7 Share Posted April 7 On 3/30/2022 at 8:26 PM, PatrickJ said: No worries! Actually figured it out, thanks! What did ya do? I've been trying to figure this out to get the overlay over the full image for a few days now. Link to comment
0 tuanphan Posted April 10 Share Posted April 10 On 4/7/2022 at 7:29 PM, PaullyDca said: What did ya do? I've been trying to figure this out to get the overlay over the full image for a few days now. If you share link to share link to page where you use slieshow? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 isometricstudio Posted April 14 Share Posted April 14 Same question here. How do we put the black opacity overlay across the entire slideshow image area and not just the text div? Here is our link:https://turquoise-grasshopper-fa8h.squarespace.com Link to comment
0 tuanphan Posted April 18 Share Posted April 18 On 4/15/2022 at 3:34 AM, isometricstudio said: Same question here. How do we put the black opacity overlay across the entire slideshow image area and not just the text div? Here is our link:https://turquoise-grasshopper-fa8h.squarespace.com Add to Design > Custom CSS /* Slideshow Overlay */ .slide-media-container:after { content: ""; background-color: rgba(0,0,0,0.95); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9099; } .slide-content.list-item-card-background { z-index: 99999999999999; } albumlogy 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 PaullyDca Posted April 19 Share Posted April 19 On 4/18/2022 at 9:13 AM, tuanphan said: Add to Design > Custom CSS /* Slideshow Overlay */ .slide-media-container:after { content: ""; background-color: rgba(0,0,0,0.95); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9099; } .slide-content.list-item-card-background { z-index: 99999999999999; } PERFECT!!! Thank you that solves it for me :) Link to comment
0 ChristineB Posted June 23 Share Posted June 23 This was super helpful! Is there a way of keeping the text 'still' on the site when scrolling to the next slide? Link to comment
0 tuanphan Posted June 24 Share Posted June 24 On 6/23/2022 at 9:46 PM, ChristineB said: This was super helpful! Is there a way of keeping the text 'still' on the site when scrolling to the next slide? What is your site url? We will check it again Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 ChristineB Posted June 28 Share Posted June 28 On 6/24/2022 at 11:45 PM, tuanphan said: What is your site url? We will check it again it is: octahedron-pomegranate-t3wz.squarespace.com PW: EQc0py1234 Thanks, Tuanphan! Link to comment
0 tuanphan Posted June 30 Share Posted June 30 On 6/28/2022 at 1:02 PM, ChristineB said: it is: octahedron-pomegranate-t3wz.squarespace.com PW: EQc0py1234 Thanks, Tuanphan! EQc0py1234 incorrect password Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Question
justinbryeans
Site URL: https://rabbit-primrose-wsww.squarespace.com/
I've looked at the built in style options and don't see the ability to set color overlay opacity for slides within the Banner Slideshow.
Is that correct?
And if that isn't a built in option, any thoughts on adding such via CSS?
Thanks!
Link to comment
Top Posters For This Question
8
3
2
2
Popular Days
Feb 26
1
Apr 7
1
Sep 16
1
Jun 23
1
Top Posters For This Question
tuanphan 8 posts
PatrickJ 3 posts
PaullyDca 2 posts
ChristineB 2 posts
Popular Days
Feb 26 2022
1 post
Apr 7 2022
1 post
Sep 16 2021
1 post
Jun 23 2022
1 post
Popular Posts
tuanphan
Add to Design > Custom CSS /* Banner slideshow overlay */ .user-items-list-banner-slideshow .slide-content { background-color: rgba(0,0,0,0.25); }
PatrickJ
No worries! Actually figured it out, thanks!
tuanphan
Add to Design > Custom CSS /* Slideshow Overlay */ .slide-media-container:after { content: ""; background-color: rgba(0,0,0,0.95); position: absolute; top: 0; left: 0; wi
Posted Images
17 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment