Design Sites Better & Faster with These 6 Updates

Created by Mark Alfon, Modified on Fri, 20 Dec, 2024 at 12:08 PM by Mark Alfon


We’ve made multiple improvements and updates to the platform editor to help you build beautiful sites even better, with more design flexibility and customization options, so you can design sites your way. Get ready.




Save time with linked spacing


Now, when you set the spacing of a widget or a container, the opposite sides can be linked to make the spacing symmetrical while saving you time and extra clicks. Horizontal values will be linked by default, while vertical ones won’t (but you can click the chain icon to link them). This new option is available in both the padding and margin settings in Editor 2.0.






Enhance your site’s accessibility and SEO with the Color Contrast Ratio checker


Using the right color contrast ratio when building sites ensures that text elements are visually distinguishable from their backgrounds. This has several benefits, with the main ones being:


  • Better accessibility - An improved readability for users with visual impairments or color blindness
  • Improved user experience - Enhanced overall usability by reducing eye strain and better navigation clarity
  • A boost of SEO - An overall better user experience and optimization for accessibility means search engine algorithms will rank your site higher if it includes the right color contrast ratios

When selecting colors in both the Classic editor and Editor 2.0, you’ll see the new Color Contrast Ratio checker with either a failed (red X) or passing score of AA or AAA. These will let you know if the color contrast ratio of the text element you selected is good.




Cut per-device tweak time with automated default font sizes 


We added default font size limits (which you can always override), to help you save time designing textual content per screen size with the Text widget. These size limits give you self-adjusting text sizes per screen size when using values within the limits. This time-saver is available in Editor 2.0.




Easily add & customize a 'back to top' button 


You can now add a Back to top CTA on any site page in Editor 2.0 with an anchor link destination. Pair it with the Fixed button position to show the back-to-top button in the same position as users scroll up and down the page. You can apply this to buttons and icons, and it works seamlessly across all screen sizes.




Set an image’s position per screen size


You can now decide where a regular or background image will be positioned on the element it shows on, to customize its appearance per screen size. This gives you the freedom to set a unique look and feel for desktop, tablet, and mobile, using the same image but with a different position setting.


This is available in Editor 2.0 and the Classic editor’s Flex Mode.




More List widget design customization with per-device layouts


We all know there isn’t a one-size-fits-all when it comes to web design. Using the same layout for all devices is less than ideal. That’s why we added per-device layouts to the List widget: You can choose a certain layout for desktop and tablet screens and another one for mobile.








Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article