tuanphan

Thank you @creedon - worked a treat! 

Add the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.
<style> .sqs-block-accordion .accordion-item[ data-is-open="true" ] .accordion-item__title { color : #ED1650; } </style> Let us know how it goes.

#1. Yes, you did ! Thank you tuanphan!
 #2 and #3 formatting we thought was not really required. So that's all good now. 

https://laf-uk.squarespace.com/laf24-festivalprogramme
This is the link!

Hi. It looks like you solved this? Can you share solution for other members?

Thank you! Worked perfectly. 

@ROSESCAN Please use this code. You can fix this issue for mobile device.

 
@media only screen and (max-width: 520px) { .fe-block-yui_3_17_2_1_1713580014502_40524 { grid-area: 15 / 2 / 23 / 10; } .fe-block-yui_3_17_2_1_1713580014502_40524 .sqs-block { justify-content: flex-end; } }  

Add this to Design > Custom CSS
h2.nested-category-title.nested-category-title-padding { justify-content: center !important; text-align: center !important; }  

I can't find this effect name, but you can search Codepen with some keywords like this, then share link to Codepen code, I can try converting it to Squarespace Code Block.

First, you add a Section with Video Background
Next, use this code to Custom CSS. Replace article>section:first-child with section id
use this free tool to find id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
article>section:first-child { height: 100vh !important; position: sticky; top: 0; padding: 0 !important; } article>section:first-child video { position: fixed !important; top: 0 !important; } article>section:nth-child(n+2) { z-index: 99999 !important; }  

Can you provide iframe code? We can test code easier

You can use this code to Website > Website Tools > Custom CSS
div.button-block a.sqs-block-button-element:hover { background-color: #fff !important; color: #000 !important; opacity: 1 !important; }  

Hi,
We can use some code to achieve this. Can you provide password?

@tuanphan
Hello Tuan.
I made my social icon Bar for the Footer, which is good.
Thanks for your help, as usual.

Thank you @tuanphan!!

The only way I know to solve this use Table Custom Block Plugin. It can sync data from Google Sheets, then add Universal Filter Plugin, I will create a search bar in Tablet Custom Block plugin.

@Maxsabo this issue seems to a problem still for iOS 17.4
I had to change my video to show 'minimal' controls and it now works on iOS mobile devices.

Your code worked in addition to me adjusting the footer to to fill screen. Thank you!

wow this did it! Support told me it's impossible and they have no power in changing it. 
They told me I have to take it as It is...

Thank you a lot! 

Try adding this to Design > Custom CSS to adjust ratio
.sqs-native-video .native-video-player { padding-bottom: 100% !important; }  

It shows fine on my end

If you want to add code to Page Injection, use this code instead
<style> .user-items-list-item-container[data-section-id="66221901f3557d3bbd478851"] .slide-content { position: relative; top: -50px; } </style>  

Remove the code & use this new code
@media screen and (max-width:767px) { .ProductItem-gallery-slides-item { position: static !important; height: auto !important; visibility: visible !important; display: block !important; animation: unset !important; } .ProductItem-gallery-slides:before { padding: 0 !important; }}  

To remove image on mobile, you can use this code to Website > Website Tools > Custom CSS
@media screen and (max-width:767px) { [data-section-id="6613ff16f9286224504f421e"] .section-border img { opacity: 0; } }  

A member contacted me today, they have same problem, I think it is a bug, you should contact SS customer Care.

Thank you for the explanation. The client wants a sticky headline so I will give the the option to turn that off in exchange for a rounded corner. Thank you for getting me so far along on code for this use and other parts of the website!