Jump to content

dsunnock

Circle Member
  • Posts

    4
  • Joined

  • Last visited

dsunnock's Achievements

  1. I'm trying to make the image cards on my website look like the image cards on my figma file. PW: victory Current CSS code // Auto Carousel List - Card Border Radius // .user-items-list-carousel .list-item { border: 2px solid #eee; border-radius: 20px !important; } /* Hide controls on native video player */ .video-player .plyr .plyr__controls { display: none; } // Rounded corner on Video Player // .video-player .plyr video { object-fit: cover !important; border-radius: 20px !important; } // Rounded corner on image blocks // .user-items-list-carousel .list-item img { border-radius: 20px !important; } // Vertical Video Player // .sqs-native-video .native-video-player { padding-bottom: 80% !important; } #block-yui_3_17_2_1_1716925040398_5141.video-block .video-player{ padding-bottom: 120%; border-radius: 20px !important; } // Scroller Cards // section[data-section-id="665720dceda419650c4267d7"] { --item-width: 270px; --additional-offset: 0px; .user-items-list-carousel__gutter { padding-left:0px !important; padding-right:0px !important; } .user-items-list-carousel__slides { overflow-x:scroll; grid-template-columns:unset !important; grid-auto-columns:var(--item-width); cursor: auto; padding-left:~'calc(var(--offset-left) + var(--additional-offset))'; -ms-overflow-style: none; scrollbar-width: none; } .user-items-list-carousel__slides::-webkit-scrollbar { display: none; } .list-item { transform: unset !important; grid-row: 1; grid-column: unset; pointer-events:unset; user-select: unset; cursor: auto; } .desktop-arrows, .desktop-arrows{ display: none !important; } } [class*="mobile-arrow"] { display: none !important; }
×
×
  • 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.