It is nothing that you have done!
To explain, a Form Block update is currently being rolled out to all Squarespace websites, on a site by site basis. This update improves forms for global visitors by making a number of welcome changes to dates, times, addresses and telephone numbers.
In addition to the functional changes, there are also some design tweaks. For example, required fields now show as “(required)” - or the equivalent when other language settings are used - as opposed to showing “*”.
The downside of these changes is that they break all custom scripts and custom CSS on all sites. If you've used any custom code, it will need to be rewritten. This is a huge undertaking for anyone who produces third party addons for Squarespace (please be patient with them!) but, if you're only using some custom CSS, it should be straightforward to update it for the new form markup and classes. Here are some examples of the changes:
The form-inner-wrapper class has been removed and replaced by the new react-form-contents class
The field-element class has been removed. The selector ".form-item input" may be useful when targeting form inputs.
The classes three-digits and four-digits have been removed. The phone class can still be used.
The classes day, month, year, two-digits and four-digits have been removed. You can still use the date class.
The classes hour, minute, second, am and pm have been removed. You can still use the time class.
The classes address1, address2, city, state-province, zip and country have been removed. Address fields are now dynamically generated, depending on the selected country and there is a new country-select class for the country dropdown. You can still use the address class.
Did this help? Please give feedback by clicking an icon below ⬇️
Add to Last line in Home > Design > Custom CSS
@media screen and (max-width:480px) {
.sqs-gallery-block-slideshow .meta {
opacity: 1 !important;
display: block !important;
}
}