Jump to content

Savgordon

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Savgordon's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Hey all! I recently used a snippet of code to improve the look of vertical videos in my client's portfolio. But for some reason on mobile, the videos appear super small (see screenshot attached.) Does anyone know how to correct this? Thank you in advance for taking a look! WEBSITE: https://mylk-collective-2024.squarespace.com/ (password: MYLK) Pages where this is happening (mobile only) - https://mylk-collective-2024.squarespace.com/portfolio/yamas https://mylk-collective-2024.squarespace.com/portfolio/steamies https://mylk-collective-2024.squarespace.com/portfolio/tacodeli Code I added to the custom CSS of the site: .sqs-native-video .native-video-player { padding-top: 0 !important; } .video-player .plyr { position: relative !important; } .video-player .plyr .plyr__controls:before { display:none; } .sqs-native-video .native-video-player { opacity:0; animation:fadeEnter 2s 2s forwards; } @keyframes fadeEnter { 0% { opacity:0; } 100% { opacity:1; } }
  2. I've customized a carousel block on a site I am working on, but when I reduced the max-height so that more images can show at one time, I now have this large area of white space at the bottom of the block that I can't remove? Does anyone know how to remove this? (When I try to manually adjust the block size in the editor, the borders turn red and it won't go any smaller in height.) URL is: https://purple-ocelot-2dea.squarespace.com/ Password is: "GLOW" (all caps) Here is the code I've added customizing this block: //wireline around event gallery images// .sqs-gallery-design-strip img {border: 1px solid black;} //padding around event gallery images// .sqs-gallery-design-strip img { margin-right: 25px; } // adjusting width and height of gallery// .sqs-gallery-design-strip img { max-height: 700px !important; }
  3. Hey all! I used the below code I found online to rotate a small section of text in the footer of a site I am working on. However, I need to UNDO the rotation on mobile for it to look right and can't figure out how to update the code to revert back on mobile. #block-yui_3_17_2_1_1707432821850_197215 { transform: rotate(-90deg);} Here's the site: https://ladybug-seahorse-5wtx.squarespace.com/ Password: KOKO2024 Thank you!!
  4. Hi all! I'm having trouble figuring out how to tweak the code for the scrolling gallery blocks I have on the site I am building for a client. URL and Password are below: https://ladybug-seahorse-5wtx.squarespace.com/ PW: KOKO2024 There are 5 scrolling gallery grids total throughout the page, and for the life of me, I can’t figure out how to get them to automatically repeat. So once they’ve scrolled through all the logos, it’s just blank space filling the screen until it starts over. I want them to just infinitely repeat immediately so there is no space between the last logo and the first logo in the grid. Here is an example of the code I am using for these (slightly customized for each as you'll see I have them scrolling in different directions!) #block-yui_3_17_2_1_1707432821850_47937 { .sqs-gallery-design-grid { display:flex; flex-wrap:nowrap !important; overflow:visible; position: relative; animation: galleryRight 40s linear infinite; } .sqs-gallery-design-grid-slide { min-width:200px !important; } .sqs-gallery-design-grid .sqs-gallery-design-grid-slide .margin-wrapper{ margin-top:5px !important; } } @keyframes galleryRight { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } Thank you all in advance for any help you can provide!!
×
×
  • 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.