{"id":166,"date":"2018-09-27T08:54:33","date_gmt":"2018-09-27T08:54:33","guid":{"rendered":"https:\/\/toolbox.divilover.com\/?p=166"},"modified":"2022-11-16T18:23:48","modified_gmt":"2022-11-16T18:23:48","slug":"particles-background","status":"publish","type":"post","link":"https:\/\/toolbox.divilover.com\/particles-background\/","title":{"rendered":"Particles Background (old version)"},"content":{"rendered":"<h4>Divi Toolbox\u00a0<span style=\"color: #bdc8d5;\">\u279c<\/span> Global <span style=\"color: #bdc8d5;\">\u279c<\/span> Moving Particles<\/h4>\n<p><strong>This feature has been depracated and replaced with a new script. Please see <a href=\"\/particles-background-2-0\">Particles Background 2.0<\/a> for the updated settings details.\u00a0<\/strong><\/p>\n<p>The<strong> Enable Particles Background<\/strong> feature adds a moving particles background effect to any element. The effect can be applied to any row, section, or even to a module, but <span style=\"text-decoration: underline;\">only once on each page.<\/span>\u00a0You can use two different effects (each one will be visible only on a single element on a page).<\/p>\n<p>Navigate to Settings \u2192 Advanced tab \u2192 CSS ID &amp; Classes \u2192 CSS ID, and add one of the two <span style=\"text-decoration: underline;\">IDs<\/span>: <strong>particles-bg1<\/strong> or <strong>particles-bg2<\/strong>.<\/p>\n<p>You can customize the appearance of each of these two effects in the Toolbox Customizer.<\/p>\n<h2>Toolbox Customizer <span style=\"color: #bdc8d5;\">\u279c<\/span> Global <span style=\"color: #bdc8d5;\">\u279c<\/span> Moving Particles Background<\/h2>\n<p>Here\u2019s the list of all the settings you can easily change (there is a separate set of options for each ID):<\/p>\n<ul>\n<li>Number of particles<\/li>\n<li>Particle color<\/li>\n<li>Particle opacity<\/li>\n<li>Particle shape (Circle, Square, Polygon, Star)<\/li>\n<li>Particle size<\/li>\n<li>Particle speed<\/li>\n<li>Line width<\/li>\n<li>Line color<\/li>\n<li>Line opacity<\/li>\n<li>Particle interactivity effect (None, Grab, Bubble, Repulse)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Divi Toolbox\u00a0\u279c Global \u279c Moving Particles This feature has been depracated and replaced with a new script. Please see Particles Background 2.0 for the updated settings details.\u00a0 The Enable Particles Background feature adds a moving particles background effect to any element. The effect can be applied to any row, section, or even to a module, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-166","post","type-post","status-publish","format-standard","hentry","category-deprecated"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":8,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/166\/revisions"}],"predecessor-version":[{"id":2291,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/166\/revisions\/2291"}],"wp:attachment":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/media?parent=166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/categories?post=166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/tags?post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}