{"id":9139,"date":"2021-08-10T04:33:00","date_gmt":"2021-08-10T11:33:00","guid":{"rendered":"https:\/\/www.yola.com\/blog\/?p=9139"},"modified":"2022-09-06T06:17:03","modified_gmt":"2022-09-06T13:17:03","slug":"design-automation-background-overlays","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/design-automation-background-overlays\/","title":{"rendered":"Design automation: Background overlays"},"content":{"rendered":"\n

When designing new features for Latitude, one of our highest priorities is to give our users the means to easily create stunning websites<\/a> without design or technical knowledge. One of the ways we accomplish this is by crafting features<\/a> that utilize design automation, helping to ensure our user customizations inherit the properties of the template right out of the box. We’re excited to announce that our latest release does exactly that \u2013 introducing automated background overlays.<\/p>\n\n\n\n

What are automated background overlays?<\/strong>
Have you ever created a website or presentation and changed the background image, only to find that the text on top is now lost within the photo? With automated background overlays, the users can make adjustments to background images with ease. When an image has been uploaded as a background, we use design automation to analyze the color of the image and the placement of the text. We then automatically add a background overlay and adjust the font<\/a> color to ensure user content remains legible.  <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Once an overlay is added, the user is notified with a toast notification, letting them know the adjustments that have been made. Selecting the\u00a0Undo<\/em>\u00a0button removes the adjustments. If a user would like to re-apply the automated adjustments, they can do so by simply selecting\u00a0Redo<\/em>.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Additional customizations can be made to the styling of the background overlay including the opacity and the color properties (colors displayed are designated by the selected\u00a0color palette<\/a>) through block settings.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

And best of all, automated background overlays are live now!\u00a0<\/p>\n\n\n\n

\n
Try it yourself<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

When designing new features for Latitude, one of our highest priorities is to give our users the means to easily create stunning websites without design or technical knowledge. One of the ways we accomplish this is by crafting features that utilize design automation, helping to ensure our user customizations inherit the properties of the template… Read MoreDesign automation: Background overlays<\/span><\/a><\/p>\n","protected":false},"author":24,"featured_media":9143,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[9],"tags":[1112],"class_list":["post-9139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\n\t\t\n