coral-studio

@tuanphan This sounds ideal. How can we get in touch with a Circle Member?

I want to create a full bleed slideshow with both images and videos that auto play when shown. Is there a way I could simply use code to embed a YouTube video into the gallery section along with images? I don't want it to appear like the 'reel' style slideshow - specifically full bleed. Any suggestions would be much appreciated!

Thank you!!!

This worked! Thank you, @tuanphan!!

Hi, @tuanphan! Here's my site link: mango-silver-f3xz.squarespace.com

Done!

I want only the Instagram social link to appear in the header, but when I hide the others, it hides them on all the other pages as well. I want all three (Insta, FB, & LinkedIn) to appear on my contacts page. Is there a way (css or alternative method) that I can hide the other social links in the header, but NOT on my contact page? Any help is appreciated!

It looks like the width is adjusting, but the text has disappeared once I added this new code. I think maybe something in one of the other codes I'm using messed up the alignment, but not sure. Do you see what the issue could be? Here are all the codes I'm using to adjust the home page captions: /*Homepage gallery caption*/ .gallery-caption p{color: black!important} .gallery-caption {background-color: rgba(255, 255, 255, .55)} .gallery-caption p{font-size:1.4rem!important} .gallery-caption p{font-family: futura-pt! important} .gallery-caption {margin-top: -10%} .gallery-caption.gallery-caption-fullscreen-slideshow { top: 104%; left: -40%; text-align: center; max-height: 40px } /*home caption left align*/ figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { left: 0 !important; text-align: center; margin-left: 0 !important; padding-left: 20px; max-width: 400px; } /*home caption fit width*/ body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow, body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { width: auto !important; display: inline-block !important; position: relative !important; top: 90% !important; } /*Get rid of old home caption space*/ .homepage .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full-bleed"] { margin-bottom: 0px !important; }

This worked! Thank you @tuanphan!

Hi! I entered a tagline under my logo using css but I want it to change color on certain pages. I want the tagline text to be white on the homepage, but black on all the other pages since they all have light background colors. With the css I'm using now, it is always white as you can see below. Here is the css I'm using now: /*tagline below*/ .header-title-logo a:after { content:"dangerously good design..."; display: flex; font-size: 15px; margin-top: 17px; font-weight: light; text-align: center; font-style: italic; color: white; font-family: futura-pt; } If it isn't possible to make it change colors, the next best option would be to delete it entirely off of the other pages so it only appears in white on the homepage, but again, I can't figure out how to do that. Any and all help is appreciated! Thanks in advance!

Thanks! This worked to get the caption box aligned to the left. Would there be a way to make the caption box width adjust based on the length of the text every time it changes?

@tuanphan mango-silver-f3xz.squarespace.com

I'm trying to get the captions to look cleaner on this full bleed slideshow gallery. Pictured is a photo of my homepage (top pic) and an inspiration pic of what I would like it to look like. I want the white background to be completely left-aligned on the screen, like the inspiration photo shows. I like the vertical padding how it is, but if possible I want the horizontal padding to adjust with the length of the text as the photos switch. I'm not a coding expert; I've been googling and watching tutorials to get it as it is. Here's the CSS that I'm using for it as of right now. /*Homepage gallery caption*/ .gallery-caption p{color: black!important} .gallery-caption {background-color: rgba(255, 255, 255, .55)} .gallery-caption p{font-size:1.4rem!important} .gallery-caption p{font-family: futura-pt! important} .gallery-caption {margin-top: -10%} .gallery-caption.gallery-caption-fullscreen-slideshow { top: 104%; left: -40%; text-align: center; max-height: 40px } /*Get rid of old caption space*/ .homepage .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full-bleed"] { margin-bottom: 0px !important; } Any help or alternate ideas are welcome! I'm using Squarespace 7.1.