nick_sh

@ClaireHops Great! Please mark as correct so others can benefit from the answer too — thanks.

@graphicabyss  Is it removing the image in the mobile preview, but not on your phone? If so, then you may have to adjust the max width to 720. I had to do this for a client recently.
@media screen and (max-width: 720px) {
#block-yui_3_17_2_1_1689763110049_14549 {
display: none !important;
}
}

.blog-item-author-profile-wrapper .author-avatar-image { top: 0 !important; left: 0 !important; }  

I think it's not responsive, so when your image is resized it breaks. Try this one: https://imagemapper.pageballoon.com/

.header--menu-open .header .header-burger:after { color: ... }  

.header--menu-open .header .header-burger:after { color: ... }  

@Katberg try adding this to Code Injection
 
<script> addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll('section[data-section-id="65c38c2f3d8bf72234d2ac79"] a').forEach(link => { link.addEventListener('click', e => { e.preventDefault(); }) }); }); </script>

You need to open .svg file in any text editor, copy the code and insert into Code Block

If you are on trial, file links might not work properly causing the issue. 

Opaque correct selector seems to be: 
.sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque  
Title: 
.image-slide-title { ...your styles... overflow: visible !important; margin-top: 0 !important; }  

You need to target #site-title: 
#site-title { font-family: 'adonis-web' ; }  

Basic idea would be like this, you can further play with the styles. 
.fe-block-53a098b9fb8dd2261803 { counter-reset: section; } .fe-block-53a098b9fb8dd2261803 .summary-item { display: flex; } .fe-block-53a098b9fb8dd2261803 .summary-item:before { counter-increment: section; content: counter(section) "."; line-height: 1; color: var(--headingLargeColor); font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); font-size: 22px; margin-right: 12px; position: relative; top: -4px; }  

Might be easier to upload to Custom CSS.
But if not, in Chrome, right click on the image in asset library and select "Inspect". Dev toll will open and you will see something like image overlay. Next to you will see an <img> where  you can copy the src:

Website → Website tools → Custom CSS

@sunjo Remove #siteWrapper.site-wrapper from your selector. The new selector should be:
section[data-section-id="65c47f89c55103377481a7fa"] .sqs-button-element--tertiary{ }  

You won't have z-index issues if you place the block in the second section and use a negative top margin...

@nick_sh Thank you so much, that was so helpful, defining the variable after the function threw me off but you've cleared it up and I've got it working now. Thanks.
@sorca_marian I had no idea you could use a console like that, thank you for sharing.

var input = document.querySelector("form input"); you need to select the input first, you can also select by name e.g. input[name="YOURNAME"]
Then pass in the function like so 
changeValue(input, "Set value here"); Full code (add to footer or wrap in domcontentloaded):
function changeValue(input,value){ var nativeInputValueSetter = Object.getOwnPropertyDescriptor( window.HTMLInputElement.prototype, "value" ).set; nativeInputValueSetter.call(input, value); var inputEvent = new Event("input", { bubbles: true }); input.dispatchEvent(inputEvent); } var input = document.querySelector("form input"); changeValue(input, "Set value here");  

I'm trying to make some customizations to the events page, but the timestamps Squarespace provides are somehow strange: 
so e.g. this is
startDate: 1657643425538 If I do 
 
var date1 = new Date(1657643425538).toString() startDate.toString(date1) // Tue Jul 12 2022 19:30:25   
But the correct date set for the event is Friday 23, 2002, 9 AM.
 
So what am I doing wrong? or what would be the best way to transform timestamp into correct date / time?
 
 

Squarespace seems to be using new form functionality now, and any form values that are set with Javascript e.g. 
document.querySelector('.text:first-child input').value = myvalue are now being reset on submit.
 
Is there any way to set the form values with javascript now? 

function changeValue(input,value){ var nativeInputValueSetter = Object.getOwnPropertyDescriptor( window.HTMLInputElement.prototype, "value" ).set; nativeInputValueSetter.call(input, value); var inputEvent = new Event("input", { bubbles: true }); input.dispatchEvent(inputEvent); } ^ this one worked for me, thanks!
 
For textarea, use
 window.HTMLTextAreaElement.prototype,   

SS has indeed updated the form block and so custom code has broken.
SS is using React for their forms now.
I'm am not familiar with React but I found this possible rough gem.
function changeValue(input,value){ var nativeInputValueSetter = Object.getOwnPropertyDescriptor( window.HTMLInputElement.prototype, "value" ).set; nativeInputValueSetter.call(input, value); var inputEvent = new Event("input", { bubbles: true }); input.dispatchEvent(inputEvent); } Source
Basically React is swallowing up programmatic changes to inputs and this code may help with that.
I did a quick test and it seems to work but I make no promises if it will work for you or continue to work.
Let us know how it goes.
@sorca_marian

Hello, I find Fluid Engine very confusing, so I'd like to disable it for now. Although I don't see how to do it? 
Circle Members can disable that from Circle Labs page, but how to do it for a regular user? 

Hello, I find Fluid Engine very confusing, so I'd like to disable it for now. Although I don't see how to do it? 
Circle Members can disable that from Circle Labs page, but how to do it for a regular user? 

Hello, I find Fluid Engine very confusing, so I'd like to disable it for now. Although I don't see how to do it? 
Circle Members can disable that from Circle Labs page, but how to do it for a regular user?