cassiepdx

@creedon This worked, thank you so much!

@creedon This worked, thank you so much!

I have several videos uploaded on the site that have their own individual video pages. At the bottom of these pages is an autogenerated "You might also like" section below the video pagination. I am trying to hide this altogether on every individual video page. @tuanphan @creedon https://lily-glockenspiel-trzw.squarespace.com/online-resources/v/zerl4h4mjby9dyn98dah6gwcb6fnte password: jazz

That worked great! But for some reason it didn't shrink the quantity box, only the size and color boxes.

I can't seem to reduce the inside padding of the button, I don't want the white outline to be so far away from the content inside the button, want to make this button shorter and narrower overall. What code would I use? https://lily-glockenspiel-trzw.squarespace.com/shop Password: jazz

From everything I can tell, this worked! You are amazing, I have searched everywhere. THANK YOU THANK YOU!

This absolutely worked, thank you so much!

https://lily-glockenspiel-trzw.squarespace.com/schedule Password: jazz

The site has been restored.

I am trying to hide the END time of an event on ALL summary blocks. I need to hide this within the meta tag I believe, but all of the codes I've tried here aren't working. With this code, I was able to hide the event time, but the time gets pushed up in a weird formatting way. How do I keep it evenly aligned with the rest of the metadata? body.homepage { time.summary-metadata-item.summary-metadata-item--event-time { overflow: hidden; width: 50px; } span.event-time-localized { white-space: nowrap; } And even though it's working in that summary block, it's not working in others on other pages.

Referring to this type of event detail page for example: https://lily-glockenspiel-trzw.squarespace.com/events/eldton-t-jones I'd like the image to appear behind the navigation

Hi, I am wondering what I need to change in my code to get the arrows to appear below the events, right now if the event description is too tall, the arrows end up over it. I need to fix this on desktop and mobile. //Summary carousel arrows .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: inline; width: 100%; position: absolute; bottom: -15%; left: 51%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { background-color: #E14962; color: #fff; font-size: 20px !important; cursor: pointer; font-weight: bold; padding:24px 24px 24px 24px; box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { background-color: #E14962; color: #fff; font-size: 20px !important; color: #fff; cursor: pointer; font-weight: bold; padding:24px 24px 24px 24px; box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); } .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin: 0 25px 20px 0 !important; } /* Summary arrows */ .sqs-gallery-design-carousel .sqs-gallery-container { position: relative; } div#block-yui_3_17_2_1_1679436822725_6064 .summary-carousel-pager { position: absolute; bottom: -10px !important; left: 50% !important; transform: translateX(-50%) !important; } @media screen and (max-width:767px) { .summary-carousel-pager .previous { top: unset !important; bottom: 0px !important; left: calc(60% - 60px) !important; } .summary-carousel-pager .next { top: unset !important; bottom: 0px !important; right: calc(55% - 60px) !important; } }

I've implemented this code on our site and the event image is being pulled to the top correctly, thank you! Wondering how I can have the individual event images show up behind the main navigation? Currently the navigation is forcing a background color and pushing the event image below it instead of showing up transparent over the image.