Jump to content

Splash/cover page slideshow in 7.1

Recommended Posts

Posted

Hi,

My ideal is

  • Use Gallery Section - Fullscreen Slideshow and Enable Autoscroll + Disable Arrows
  • Add a Section under Gallery Section, then add Text, Button (then share page url), we can give code to move text section over slideshow section
  • With Logo/Social Icons over Slideshow, we can use Header Social icons, then use CSS to move this

In short, you can do first 2 bullets, then share page url, we can give you code to achieve this

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 months later...
Posted

hey @tuanphan That's what i am actually trying to do! 

I just created this page - 

https://oregonpatientsafety.org/home-1 

There is a banner slideshow at the top and then the text in a section below it. I'd love some css help to make the text appear on top of the banner slideshow. Thank you!

*************************************
Let's Make a Website!
Rachel (she/her) | Squarespace Websites
Posted
4 hours ago, raeroshow said:

hey @tuanphan That's what i am actually trying to do! 

I just created this page - 

https://oregonpatientsafety.org/home-1 

There is a banner slideshow at the top and then the text in a section below it. I'd love some css help to make the text appear on top of the banner slideshow. Thank you!

Add this code to Website Tools (under Not Linked) > Custom CSS

[data-section-id="656f8bfc7a7242380d0b9456"] {
& {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.section-background, .section-border {
    background-color: transparent !important;
}}

image.thumb.png.61323f805ea5317a4c51c86ba99306de.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.