joseph81

You just need to play with the percentages: .video-block .video-player { padding-top: 16.25% !important; } If you want to take out the 2px top and bottom space then write this also: .video-block { border: none!important; }

Oh, it seems you have a code specificity problem. The new code is not overwriting the default code, so let's put an important flag on it: .video-block .video-player { padding-top: 38.25% !important; }

Actually these are the right classes. But for underneath the video, that seems like the flexible grid issue of Squarespace. Maybe you could delete the video and add it again(keeping the new CSS code). .video-block .video-player { padding-top: 38.25%; }

In your case the following percentage seems to fit: .sqs-native-video .native-video-player { padding-top: 38.25%; }

Hi. It is a little bit harder to give you the best advice without seeing your website, but I can write here 2 solutions that might work but it all depends of the structure you are having in your video block: The first: .video-block { .video-player { padding-bottom: 177% !important } } The second if the first does not work for you: .video-block { .embed-block-wrapper, .intrinsic-inner { padding-bottom: 177% !important } } For further explanation or other options please visit my article: https://www.ui-workarounds.com/control-the-aspect-ratio-of-your-videos-in-squarespace/ If these 2 examples don't help please let me know. The 177% is for 9/16 portrait aspect ratio.

If your question is still valid, then I want to give you my solution: https://www.ui-workarounds.com/boosting-your-squarespace-accordion-with-videos-images-tables-lists-and-titles/ With this script you can add in your accordion videos, images, tables, titles and lists. If you have questions, just let me know.

Oh, the other way to do it is to create a code block and copy first the html then in <style>...code here...</style> to put the css and in <script> ...code here</script> to put the javascript. I don't think the current accordion block let's you do that. I wrote an article about this in the past, take a look, if you need further assistance let me know. I am planning to make also a video for this article. https://www.ui-workarounds.com/boosting-your-squarespace-accordion-with-videos-images-tables-lists-and-titles/

You placed that code outside the style tag, that is one of the problems.

Can you show me the CSS, where you applied this code?

Please try this one: .ProductList-item.sold-out .product-price, .ProductItem.sold-out .product-price { display: none!important; }

Then you need to apply this CSS in the Custom CSS panel: .ProductList-item.sold-out .product-price, .ProductItem.sold-out .product-price { display: none; }

Hi. I am not sure where you have a product that is sold already. None of them has $0 for price.

For square you should use padding-bottom: 100%

Could you elaborate on that? Is it a subscription block or widget or what is it?

Take a look at my video, for now there is support only for images but the process is pretty simple. Also the article: https://www.ui-workarounds.com/how-to-make-a-squarespace-accordion-image-friendly/