{"id":5900,"date":"2021-10-07T16:45:42","date_gmt":"2021-10-07T14:45:42","guid":{"rendered":"https:\/\/docs.visionbox.it\/?p=5900"},"modified":"2024-07-05T17:56:51","modified_gmt":"2024-07-05T15:56:51","slug":"using-static-overlay-in-slider","status":"publish","type":"post","link":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/","title":{"rendered":"Using Static Overlay in Slider"},"content":{"rendered":"\n<p>Smart Slider allow to create a slider called &#8220;static overlay&#8221;. So called because its elements remain statics over the other image and video while they slide.<\/p>\n\n\n\n<p>It&#8217;s perfect in case you have fixed elements that always return the same in each slide. In fact, instead of copy\/paste it in every slide, you can insert them in the static overlay. The final result will be more accurate and precise than do the same manually.<\/p>\n\n\n\n<p>This function could be use in many differents ways. In this guide, we explain to you how to create a virtual frame to overlap on your Slider. At the end, you have a Slider like the one below.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-finale.mp4\"><\/video><\/figure>\n\n\n\n<p>Let&#8217;s see how to do it.<\/p>\n\n\n\n<p>Access to <em>Smart Slider<\/em> panel in the Dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"540\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-1024x540.jpg\" alt=\"\" class=\"wp-image-10824\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-1024x540.jpg 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-300x158.jpg 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-768x405.jpg 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-1536x810.jpg 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-2048x1080.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now choose if using an already existing Slider or if creating a new one. In this case, we use a Slider create previously.<\/p>\n\n\n\n<p class=\"uk-background-muted uk-padding\"><strong>Remember:<\/strong> the static overlay can be used with every type of Slider: images, videos and empty with elements. Below all the link to the related guide:<br>&#8211; <a href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-an-only-images-slider\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create an only-images Slider<\/a><br>&#8211; <a href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-videos-only-slider\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create an only-videos Slider<\/a><br>&#8211; <a href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/compose-an-empty-slide-with-the-elements\/\">Compose an empty Slide with element<\/a><\/p>\n\n\n\n<p>Now that you chose or created the slider, click on it to edit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01-1024x422.png\" alt=\"\" class=\"wp-image-8547\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01-1024x422.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01-300x124.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01-768x316.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01-1536x632.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-01.png 1948w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here click on <em>Add Slide<\/em> and then on <em>Static Overlay<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02-1024x495.png\" alt=\"\" class=\"wp-image-8550\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02-1024x495.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02-300x145.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02-768x371.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02-1536x742.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-02.png 1540w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>At this point, the editor opens and in the Canvas will appear one of the Slider images. In this way you have an instant preview of the final result.<\/p>\n\n\n\n<p>Let&#8217;s go on with the creation of the frame.<\/p>\n\n\n\n<p>Click on + icon and then on <em>Area<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-1024x442.png\" alt=\"\" class=\"wp-image-8552\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-1024x442.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-300x130.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-768x332.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-1536x663.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-03-2048x885.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After that create a rectangle the same size of the Slide and click on it.<\/p>\n\n\n\n<p>A window will appear. Here, you will find all the settings to edit the shape.<\/p>\n\n\n\n<p>As <em>Background Color<\/em> (1) select the transparent one (white 0% opacity)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-04-eng.png\" alt=\"\" class=\"wp-image-5910\" width=\"300\" height=\"159\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-04-eng.png 600w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-04-eng-300x159.png 300w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>In the field <em>Color<\/em> (2), instead, you can choose the color of your frame.<\/p>\n\n\n\n<p>Finally, in <em>Edge<\/em> define the thickness of your frame. We advise you to set this value to 150 px. In this way, you have enough space to write and insert graphic elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-04.png\" alt=\"\" class=\"wp-image-8554\" width=\"274\" height=\"376\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-04.png 548w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-04-219x300.png 219w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<p>It&#8217;s possible that after all these changes the frame is bigger than the slide. Just click on it and resize correctly.<\/p>\n\n\n\n<p>Now we can go on inserting text.<\/p>\n\n\n\n<p>Click on + icon and then on <em>Text<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-1024x536.png\" alt=\"\" class=\"wp-image-8556\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-1024x536.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-300x157.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-768x402.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-1536x804.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-05-2048x1072.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The configuration menu appears. In its <em>Layer<\/em> tab insert the message you want to show in screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-06.png\" alt=\"\" class=\"wp-image-8558\" width=\"291\" height=\"216\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-06.png 582w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-06-300x223.png 300w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/figure>\n\n\n\n<p>After that, in the <em>Design<\/em> tab you can define the font. In particular, you can set <em>Family<\/em> (1), <em>Color<\/em> (2), <em>Size<\/em> (3), <em>Font Weight (bold, regular, light)<\/em> (4) and if you wish also the <em>Text Align<\/em> (5).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-07.png\" alt=\"\" class=\"wp-image-8560\" width=\"298\" height=\"402\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-07.png 596w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-07-222x300.png 222w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n\n\n\n<p>When you are satisfied with the result, drag it in the position you prefer. If the text box is smaller than your message, you have to resize it to make all the phrase completely visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-1024x412.jpg\" alt=\"\" class=\"wp-image-5920\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-1024x412.jpg 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-300x121.jpg 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-768x309.jpg 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-1536x617.jpg 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-09-eng-2048x823.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you want to customize the frame, you can also insert your company logo.<\/p>\n\n\n\n<p>Click on + icon and then on <em>Image<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-1024x566.png\" alt=\"\" class=\"wp-image-8566\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-1024x566.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-300x166.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-768x425.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-1536x849.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/static-overlay-08-1-2048x1132.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the field <em>Image<\/em> of the tab <em>Layer<\/em>, click on the little green icon highlighted in the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-11-eng.png\" alt=\"\" class=\"wp-image-5924\" width=\"239\" height=\"428\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-11-eng.png 478w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-11-eng-168x300.png 168w\" sizes=\"auto, (max-width: 239px) 100vw, 239px\" \/><\/figure>\n\n\n\n<p>In the <em>File Manager<\/em> choose the logo to insert, click on it and it appear directly in the Slide.<\/p>\n\n\n\n<p>Now you have just to resize and drag it where you like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-1024x493.jpg\" alt=\"\" class=\"wp-image-5926\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-1024x493.jpg 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-300x144.jpg 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-768x370.jpg 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-1536x739.jpg 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/10\/sovrapposizione-statica-12-eng-2048x986.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you inserted all the elements, click on <em>Save<\/em> (1) and then on <em>Slider<\/em> (2).<\/p>\n\n\n\n<p>Finally, you can open the Preview and if your overlay static was correctly set.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover how to insert some fixed elements in your Slider using the Static Overlay. Read the guide.<\/p>\n","protected":false},"author":1,"featured_media":5778,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32],"tags":[],"categorie":[],"class_list":["post-5900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-slider"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using Static Overlay in Slider | Docs Visionbox<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Static Overlay in Slider | Docs Visionbox\" \/>\n<meta property=\"og:description\" content=\"Discover how to insert some fixed elements in your Slider using the Static Overlay. Read the guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Docs Visionbox\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-07T14:45:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T15:56:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a\"},\"headline\":\"Using Static Overlay in Slider\",\"datePublished\":\"2021-10-07T14:45:42+00:00\",\"dateModified\":\"2024-07-05T15:56:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\"},\"wordCount\":569,\"publisher\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg\",\"articleSection\":[\"Smart Slider\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\",\"url\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\",\"name\":\"Using Static Overlay in Slider | Docs Visionbox\",\"isPartOf\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg\",\"datePublished\":\"2021-10-07T14:45:42+00:00\",\"dateModified\":\"2024-07-05T15:56:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage\",\"url\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg\",\"contentUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.visionbox.it\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Static Overlay in Slider\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#website\",\"url\":\"https:\/\/docs.visionbox.it\/en\/\",\"name\":\"Docs Visionbox\",\"description\":\"ProPanel user guides\",\"publisher\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.visionbox.it\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\",\"name\":\"Visionbox Digital Signage\",\"url\":\"https:\/\/docs.visionbox.it\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png\",\"contentUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png\",\"width\":400,\"height\":75,\"caption\":\"Visionbox Digital Signage\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/visionbox_it\/\",\"https:\/\/www.linkedin.com\/showcase\/visionbox-digital-signage\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Static Overlay in Slider | Docs Visionbox","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/","og_locale":"en_US","og_type":"article","og_title":"Using Static Overlay in Slider | Docs Visionbox","og_description":"Discover how to insert some fixed elements in your Slider using the Static Overlay. Read the guide.","og_url":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/","og_site_name":"Docs Visionbox","article_published_time":"2021-10-07T14:45:42+00:00","article_modified_time":"2024-07-05T15:56:51+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#article","isPartOf":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/"},"author":{"name":"admin","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a"},"headline":"Using Static Overlay in Slider","datePublished":"2021-10-07T14:45:42+00:00","dateModified":"2024-07-05T15:56:51+00:00","mainEntityOfPage":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/"},"wordCount":569,"publisher":{"@id":"https:\/\/docs.visionbox.it\/en\/#organization"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg","articleSection":["Smart Slider"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/","url":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/","name":"Using Static Overlay in Slider | Docs Visionbox","isPartOf":{"@id":"https:\/\/docs.visionbox.it\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg","datePublished":"2021-10-07T14:45:42+00:00","dateModified":"2024-07-05T15:56:51+00:00","breadcrumb":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#primaryimage","url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg","contentUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/09\/sovrapposizione-statica-1.jpg","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/using-static-overlay-in-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.visionbox.it\/en\/"},{"@type":"ListItem","position":2,"name":"Using Static Overlay in Slider"}]},{"@type":"WebSite","@id":"https:\/\/docs.visionbox.it\/en\/#website","url":"https:\/\/docs.visionbox.it\/en\/","name":"Docs Visionbox","description":"ProPanel user guides","publisher":{"@id":"https:\/\/docs.visionbox.it\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.visionbox.it\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.visionbox.it\/en\/#organization","name":"Visionbox Digital Signage","url":"https:\/\/docs.visionbox.it\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/","url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png","contentUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png","width":400,"height":75,"caption":"Visionbox Digital Signage"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/visionbox_it\/","https:\/\/www.linkedin.com\/showcase\/visionbox-digital-signage"]},{"@type":"Person","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/comments?post=5900"}],"version-history":[{"count":13,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5900\/revisions"}],"predecessor-version":[{"id":10827,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5900\/revisions\/10827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/media\/5778"}],"wp:attachment":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/media?parent=5900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/categories?post=5900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/tags?post=5900"},{"taxonomy":"categorie","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/categorie?post=5900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}