onika

Use this code to Custom CSS box
div.accordion-block img { max-width: 500px; } code will affect all images inside accordion
with mobile, use this CSS
@media screen and (max-width:767px) { div.accordion-block img { max-width: 300px; } } (You can use width or max-width, similar)

Code in First Page.

@Ziggy Thank you again, these are working perfectly!

Try this Custom CSS:
.sqs-gallery-controls .previous, .sqs-gallery-controls .next { line-height: 20px; margin-top: -25px; } .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before { font-size: 12px; width: 12px; height: 12px; line-height: 12px; }

@Ziggy  of course! You are right and it is working! Thank you so much.

In that case it looks like the fonts you have uploaded don't support different font weights. If you will want to upload a DINPro-bold font, and then set that font in this section that is just targeting bolded (strong) text:
h1 strong, h2 strong, h3 strong, h4 strong, p strong, .sqsrte-small strong { }

Just replace this code(see the attached image) with the code below
.list-item:hover .list-item-media-inner { background: linear-gradient(45deg,#f3fd01,#f3fd01) !important; }  

Thank you very much, this is working perfectly!
 

Add this to Settings > Advanced > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $('nav.header-nav-list').clone().insertBefore('.header-actions.header-actions--right>.showOnMobile'); }); </script> <style> .header-nav nav>div:nth-child(n+3) { display: none; } .header-actions.header-actions--right>nav>div:nth-child(-n+2) { display: none; } .header-actions.header-actions--right>nav:nth-child(2) { display: none; } .header-nav-item:not(:last-child) { margin-right: 1.5vw; } </style> Explain
Script code will duplicate Left Nav & add to Right of Header First <style> code will hide item 3 + item 4 in Left Nav Second <style> code will hide item 1 + item 2 in Right Nav Third code will hide white space on right

Thank you, this is perfect. I was looking for it and completely missed it. Now I found it and it is the answer to my question!

On Squarespace 7.1, you can add a Videos Page to create a browsable library of videos on your site. In a videos page, you can embed externally hosted videos from Vimeo or YouTube, or upload your own video files to your site directly.
Video pages are organised into two parts:
the Video List page is a browsable landing page for your video library. The page displays all added videos in a grid of featured images, organised by categories. individual Video Details pages - Clicking on a video opens its Video Details page, where you can watch the video and find more information about it.
Did this help? Please give feedback by clicking an icon below  ⬇️

Yes, that's correct. I'm not sure if there are any plans to be able to add videos to the gallery section.
Your best bet may well just be to use the video block and text block to create the style you want.

You can change header layout to Left Nav - Middle Logo, then share url, we can check & give code easier

Fluid Engine won't affect that code. Maybe another code conflict with your code.
If you use a Business Plan or higher, you can set layout to Left Nav - Middle Logo, we can give another code to create split navigation.

Can you share your URL site (with the protected password in case you have it) so we can take a look?

Swap the previous code for this:
@media only screen and (min-width:540px) { .sqs-block-accordion .accordion-item__dropdown--open { margin-left: 94px; } .sqs-block-accordion .accordion-item__title { display: flex; align-items: center; } } The second portion should vertically center the text next to the icon.

Try this CSS:
@media only screen and (min-width:540px) { .sqs-block-accordion .accordion-item__dropdown--open { margin-left: 94px; } } Hope that works for you.

Thank you very much, this worked well!
 

Yes, the form buttons have a slightly different CSS class, so you'll need to add that and test it.
Try:    .sqs-editable-button

Try changing you code to this:
.primary-button-shape-rounded .btn, .primary-button-shape-rounded .sqs-block-button-element--medium, .primary-button-shape-rounded .sqs-block-button-element--small, .primary-button-style-outline .white-bold .sqs-block-form .sqs-editable-button { border-radius : 16px; &:hover { background-color: #0F1215!important; font-weight: bold!important; }  

Sadly, support for subscription products is very basic on Squarespace at the moment, as I've documented here, so you'll need to consider third party tools to manage subscriptions in this way.
Customers cannot manage their own subscriptions yet. The only way to change a subscription is to cancel it and start a new one. Merchants cannot manage subscriptions easily yet either. I find it very frustrating that they cannot even view a list of customers who have live subscriptions. I believe they are working to improve this situation but for the moment it is very limiting and requires most merchants to record these details off-platform in a separate spreadsheet.

I was just about to ask a similar questions about content changes for subscriptions. Hoping we will get some good answers :)