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/

I would like to understand your problem better. There is an image that animates the letters and there is a css animation that slides up the image from outside the screen to the top of the screen. You want to set up a cookie or localstorage to check if the user already was on the site. If yes just don't show the image, right?

Can you attach here a URL link towards your site?

That is actually done by Editing your website then editing the header section > Site title & Logo Click Edit in the top-left corner of your site preview. Hover over the header and click Edit Site Header. Click Site Title & Logo. In the Site Title text field, enter a site title. Hover over Done and click Save. https://support.squarespace.com/hc/en-us/articles/205815838-Adding-a-site-title#:~:text=Click Edit in the top,Click Site Title %26 Logo.

Without seeing your website, it's hard to tell. But I am guessing if the cart is an SVG, then maybe the text is also an SVG Text tag: .header-actions-action--cart text { fill: white !important; } If it's not an SVG Text tag than maybe it is a span: .header-actions-action--cart, .header-actions-action--cart span { color: #fff !important; }

@media (max-width: 640px) { .sqs-layout .sqs-col-12 [class*=sqs-col] { float: left !important; width: 50% !important; } } This is one approach to achieve what you want.

.video-player .plyr video { object-fit: cover; object-position: center right; } .video-player .plyr__poster { background-size: cover; background-position: center right; } You can make the video fill the video-block area with the above code. Also I centered it right because of the title at the begining to be visible. You have a really wide video there, this should be resolved in the export phase.

In your case the code is slightly different: .video-block { .video-player { padding-bottom: 125% !important } }

The 4:5 ratio would look like this: .video-block { .embed-block-wrapper, .intrinsic-inner { padding-bottom: 125% !important } } My solution works with video blocks, I'm not sure what you are using since the password you provided does not work to enter your website.

I just wrote yesterday an article about this actually: /*make video-blocks 4:3*/ .video-block { .embed-block-wrapper, .intrinsic-inner { padding-bottom: 75% !important } } https://www.ui-workarounds.com/control-the-aspect-ratio-of-your-videos-in-squarespace/

Situation changes in this case. I believe you applied a text color first on a text and then applied the link on a part of the text: 1. 2. 3. The color on the span is applied on the text instead of the color of the link that is the parent element of the span as you can observe on the left. To solve this, you should add a text then the link and finally the color on the rest of the text that is not link(the blue in your case)