earthwindflowermoon

It's perfect! Many thanks!!! 

@ellerxyz You can use the following CSS:
.ProductItem .ProductItem-additional { order: 3; }

Please add "Name" and "Last Name" ASAP. Not gona use a 3rd party to get this to work. It is not acceptable to keep these fields blank:

Thanks!

In Custom CSS, you will need to add some ~ " character to make calc work
.Header--bottom.Header--overlay { width: calc(~"100% - 50px"); } and I think 100% will be better

Add to Design > Custom CSS
body:not(.homepage) nav.Header-nav--secondary a { background: linear-gradient(to right, #e4bc60, #b7812d) !important; }  

Very happy, thank you!!!!! Works great 🙂

Use this CSS
@media screen and (min-width:768px) { div#block-yui_3_17_2_1_1663306565143_2737 .form-item:nth-child(n+5) { width: 49% !important; float: left; margin-right: 1%; } }  

Yes. On v7.0 with an Index page more easily than other types of pages.
Set up an Index page with five pages in it.

Add the following to Settings > Advanced > Code Injection > HEADER. 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Index Settings > Advanced > Page Header Code Injection.
<style> body { -webkit-transition : background-color 0.5s linear; -o-transition : background-color 0.5s linear; transition : background-color 0.5s linear; } .Index-page { background-color : transparent; /* height : 100vh; */ /* can be used when testing with empty sections */ } </style> <script> $( ( ) => { /* change color background on scroll SS Version : 7.0 Template : Brine */ const sectionColors = [ // add a color for each page within the Index page 'white', 'red', 'green', 'blue', 'white' // last or only item doesn't get a comma ]; // do not change anything below, there be the borg here $( window ).scroll ( function ( ) { $( '.Index-page' ).each ( function ( i ) { if ( ! ( $( this ).position ( ).top <= $( window ).scrollTop ( ) ) ) return true; $( 'body' ).attr ( 'style', 'background-color :' + sectionColors [ i ] + ' !important' ); } ); } ); } ); </script> This is for a v7.0 site using the Brine template family.
You can change the number of pages and colors to suit your needs. The names of the Index and other pages can be whatever you need.
Let us know how it goes.

To hide primary on one page, add this to Page Settings > Advanced > Header (If you use Personal Plan > Add Code Block)
<style> nav.Header-nav.Header-nav--primary { display: none; } </style> To hide secondary, use this code
<style> nav.Header-nav.Header-nav--secondary { display: none; } </style> You can also use these guides to create multi language sites
bradgood.net/articles/multi-language-content-on-any-squarespace-template https://beaverhero.com/squarespace-2-languages/

The 7.1 code worked for me. Thanks so much again 🙂

Perfect! Thank you so so much!!

Add this CSS code
.Mobile-bar.Mobile-bar--top {
  background: radial-gradient(circle,#ee7c2f 0%,#eb3db7 100%) !important;
}

Sure, I understand. It would be really helpful to be able to combine the two. I'll update the thread if I think of a way to achieve both.

Worked perfectly!! Thank you!!!! 🙂

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.
<style> .Blog-meta a {   pointer-events : none;      } </style> This is for v7.0 using the Brine template family.
Let us know how it goes.

Try adding to Home > Design > Custom Css
.Mobile-bar--bottom { display: none; } Let me know how it works on your site

Try editing your code to
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script src="https://www.jqueryscript.net/demo/Cropping-Text-Without-Breaking-Words-jQuery-Limit-Text/limit.text.min.js"></script> <script> $(function () { $('.summary-v2-block:not(#block-yui_3_17_2_1_1648778322242_4527) .summary-excerpt p').addClass('cuttext'); $('.cuttext').limitText({ length: 160 }); }) </script>  

@StoriedCorey and @emilykrause  Add this code to Settings -> Advanced -> Code Injection -> Footer

You can adjust the var characterCount to a different number to adjust how much it cuts off. You can also adjust the "trail".

This code will also only cut full words, that way it doesn't cut it at weird points. i.e. "Learn more about Squaresp...."
 
<script> (function(){ window.addEventListener('load', function() { var characterCount = 140 var blogParagraph = document.querySelectorAll('.BlogList-item-excerpt p') var trail = "..." // Shorten a string to less than maxLen characters without truncating words. function shorten(str, maxLen, separator = ' ') { if (str.length <= maxLen) return str; return str.substr(0, str.lastIndexOf(separator, maxLen)); } blogParagraph.forEach(item => { item.textContent = shorten(item.textContent, characterCount) + trail; }) }) })() </script> Result/Demo:

Thank you PixelForge and tommiatke for your suggestions - unfortunately my Squarespace site with a homepage looping background video (on Vimeo) still starts out fuzzy every time.
This could be a deal-breaker for my client.
Squarespace tech folks, please chip in on a solution!

You can add to Home > Design > Custom Css
.Main--products-item { padding:40px } Hope it works with your issue
Support me by pressing 👍 if this useful for you

I tried this with my site but it didn't work. It's using v7.1, but for some reason Squarespace doesn't want me to know which template I chose, and I can't remember. I can't find the disable Ajax control in site styles either. The url is wilsonwillis.squarespace.com – but the blog pages are disabled for now as they are not ready for public view. Should this script still work for me? Sorry I may not have given enough information for this query...
UPDATE: I realised that I wanted a script to apply to a summary block, not a blog post page. So the scripts here didn't work. I found a script here that did...
https://nestingzone.com/design-blog/how-limit-blog-post-excerpt-word-count
 
 

Squarespace formatting tips don't address this issue. They are recommending optimizing for speed, not quality. We are a visualization firm and having this same issue. Video quality is paramount. Perhaps someone has figured this out. Super frustrating and would likely be a reason we would dumb Squarespace if it can't be fixed. Our videos look beautiful on YouTube and awful in our website.

Hi there,
I had an upload a video on my homepage, and no matter what I do it becomes a low resolution. The video has the right settings: format MP4, 364,9 MB, and 59 seconds. Does anyone know why the quality comes out so bad? 
How can I improve this?
Appreciate any help.

Edit product > Additional Info > Paste this code
<style> #productGallery #productSlideshow .slide:after { content: "Auction"; position: absolute; right: 5px; top: 5px; z-index: 9999; background-color: black; color: white; padding: 5px; } </style>  

Add this CSS
/* Fix folder underline */ a.Header-nav-folder-item:hover { display: inline-block; }