Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Reputation Activity

  1. Like
    laprease reacted to paul2009 in I'm at a loss...My form styling is suddenly broken   
    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  ⬇️
  2. Love
    laprease reacted to tuanphan in How can I get my gallery captions to show on the mobile version?   
    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; } }  
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.