michael2019

Try adding to Design > Custom CSS
/* List overlap style */ .user-items-list-item-container[data-section-id="6408e883c72daf5648086ec7"] { .list-item-media { position: relative; top: -50px; } .list-item-content__button-wrapper { position: relative; bottom: -25px; }}  

Yes. The image above shows the top/bottom padding set to zero. I would like to go below zero.  Adding padding increases the card size. I hoping to find a way to decrease the card size.

Thanks @creedon. I reached out to someone for help on this. Fluid engine seems glitchy when it comes to code blocks and javascript.

Thank you so much. I use the same Squarespace ID Finder, it's great. I got stuck with li:first-child, li:nth-child (2), and li:last-child. This was really helpful.

Here is my configuration for each card

Try in Design > Custom Css
section[data-section-id="60f8da3d24c5f82eff4e1c5d"] li:first-child { background:red !important; } section[data-section-id="60f8da3d24c5f82eff4e1c5d"] li:nth-child(2) { background:blue !important; } section[data-section-id="60f8da3d24c5f82eff4e1c5d"] li:last-child { background:pink !important; } Change the background values/url images that meet your style.

It worked perfectly. Thank you so much.

Will Meyers has code for this...you can look here > https://www.will-myers.com/articles/auto-scroll-for-carousel-banner-slideshows-for-auto-layout-sections-in-squarespace-71
 

try
@media only screen and (max-width: 640px) { section[data-section-id="60dccd4acef81b5695c198c4"] .span-4 .sqs-block-image { order: 1; } }

Site URL: https://marigold-lime-snme.squarespace.com/
Hi, I am trying to flip the order of the image and text block in one of my columns on mobile. The current order is - text, image, image, text, text, image. On desktop this would be the middle column I am looking to change for mobile. I would like the order to be text, image, text, image, text, image.  I have seen some answers in the forum but have had no luck making it work. Website details are below.
https://marigold-lime-snme.squarespace.com/
PW: YpSfs5^w
Thank you.

FA5 has put some free icons in FA4 into paid icons

They have released version 6. I like using ver 4.7.
FA 5.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> FA5 - 4 use different syntax for icons. You can find ver 5. phone & email icons syntax here. https://fontawesome.com/icons
with font-family, FA5 use "Font Awesome 5 Free" or "Font Awesome 5 Brand" or "Font Awesome 5 Brands" or "Font Awesome 5 Pro"
 

Add to Design > Custom CSS
div#block-f4ffb10b444f9c603fa1 p:nth-child(4):before { content: "\f095"; font-family: FontAwesome; padding-right: 5px; } div#block-f4ffb10b444f9c603fa1 p:nth-child(5):before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right: 5px; }
Reference
https://fontawesome.com/v4.7.0/icon/envelope https://fontawesome.com/v4.7.0/icon/phone

Step 1. Add this code to Code Injection > header
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> Step 2. Let me know when you inserted, we can check code to add email/phone icons.

I saw black where the video is, but you can try this
section[data-section-id="INSERT ID NUMBER"] .section-background .sqs-video-background { top: 100px; }  

Site URL: https://midtowntorontotherapy.squarespace.com
I would like to shift my video background down so I can see more of the top. I was able to do with a previous site for an image background using the following code: 
section[data-section-id="INSERT ID NUMBER"] .section-background img {
object-position: 0% 170px !important;}
Is there an equivalent for video backgrounds?
Page Info:
URL: https://midtowntorontotherapy.squarespace.com/
PW: 2MeD#uA5
Thank you.

Site URL: https://beyoubetruecounselling.squarespace.com/
Hi, I was able to use a CSS code that makes my logo shrink when I scroll, but my issue is I would like to delay the effect when I scroll down about halfway through the top banner. The effect would be the opposite for when I scroll up about halfway through the top banner the logo would go to the original size.
Current Code:
//---shrink top logo---
#header .header-title-logo img {
  transition: max-height 300ms ease-in-out}
#header.shrink {.header-announcement-bar-wrapper{padding-top: 20px !important; padding-bottom: 20px !important;} .header-title-logo img {max-height: 50px;}}
Website below:
URL: https://beyoubetruecounselling.squarespace.com
PW: 5N8bn#T&
Thank you.

Site URL: https://tarantula-quillfish-w6xe.squarespace.com/
The navigation in the header moves to two lines even though there is room on the page when the page gets smaller. How do I increase the padding so it stays on one line longer?
URL: https://tarantula-quillfish-w6xe.squarespace.com/
PW: !GCet0@E#8
Thanks.

That did it. Thank you.