18250907 Posted January 17, 2021 Share Posted January 17, 2021 Site URL: https://www.wakeupinthegarden.com/ I have a slideshow gallery in the homepage, but want it as a full-bleed image background instead of a section under header. Is it possible to use code? Thanks for any help. Beyondspace 1 Link to comment
Beyondspace Posted January 17, 2021 Share Posted January 17, 2021 8 minutes ago, 18250907 said: Site URL: https://www.wakeupinthegarden.com/ I have a slideshow gallery in the homepage, but want it as a full-bleed image background instead of a section under header. Is it possible to use code? Thanks for any help. Could you try this custom css in Design->Custom CSS #home.Index-gallery { position: relative; left: 50%; transform: translateX(-50%); width: 100vw; } #home.Index-gallery .Index-gallery-item-image img { width: 100vw !important; height: auto !important; margin: 0 auto; } 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
18250907 Posted January 17, 2021 Author Share Posted January 17, 2021 (edited) I did but I don't see any change.. **EDIT** The gallery is now full width, thank you. but is it possible for it to be behind the header as a background? Edited January 17, 2021 by 18250907 Beyondspace 1 Link to comment
18250907 Posted January 17, 2021 Author Share Posted January 17, 2021 I'm looking for a slideshow to go behind the logo and navigation like this: Link to comment
tuanphan Posted January 18, 2021 Share Posted January 18, 2021 22 hours ago, 18250907 said: I'm looking for a slideshow to go behind the logo and navigation like this: Add to Design > Custom CSS body.homepage header.Header.Header--top { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: transparent; } 18250907 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
18250907 Posted January 21, 2021 Author Share Posted January 21, 2021 On 1/18/2021 at 4:21 PM, tuanphan said: Add to Design > Custom CSS body.homepage header.Header.Header--top { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: transparent; } Thank you so much! This worked like magic. Beyondspace 1 Link to comment
Patterson Posted July 29, 2021 Share Posted July 29, 2021 (edited) @tuanphan& @bangank36, I just started building out a site and was curious on the same question... I pasted the above code in and it did not work, I will post my url below, any guidance would be greatly appreciated https://cranberry-trumpet-9wxf.squarespace.com/ PW: 1313 Also, is there anyway to make the slides progress automatically? Thanks! Edited July 29, 2021 by Patterson Link to comment
tuanphan Posted July 29, 2021 Share Posted July 29, 2021 5 hours ago, Patterson said: @tuanphan& @bangank36, I just started building out a site and was curious on the same question... I pasted the above code in and it did not work, I will post my url below, any guidance would be greatly appreciated https://cranberry-trumpet-9wxf.squarespace.com/ PW: 1313 Also, is there anyway to make the slides progress automatically? Thanks! You mean slideshow under header on homepage? 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
Patterson Posted July 29, 2021 Share Posted July 29, 2021 2 hours ago, tuanphan said: You mean slideshow under header on homepage? Yes, I was hopping to have it appear under the nav, logo, and button... while also rotating through the slides on its own accord. Thanks Link to comment
tuanphan Posted July 30, 2021 Share Posted July 30, 2021 19 hours ago, Patterson said: Yes, I was hopping to have it appear under the nav, logo, and button... while also rotating through the slides on its own accord. Thanks Add to Design > Custom CSS > Then save & reload the site /* Home header transparent */ body.homepage article section:first-child { padding-top: 0 !important; } 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
Patterson Posted July 30, 2021 Share Posted July 30, 2021 3 hours ago, tuanphan said: Add to Design > Custom CSS > Then save & reload the site /* Home header transparent */ body.homepage article section:first-child { padding-top: 0 !important; } Thank you! However, as you can see since I saved it it places the text too high. I even have the vertical positioning of the column at the lowest. Do you have any idea what could fix this? Link to comment
Patterson Posted August 2, 2021 Share Posted August 2, 2021 @tuanphan, I made my own topic on the forum. Please reply here moving forward, 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