{"id":229049,"date":"2019-10-17T05:02:25","date_gmt":"2019-10-17T12:02:25","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=229049"},"modified":"2019-10-17T06:02:11","modified_gmt":"2019-10-17T13:02:11","slug":"infinite-background-effect-beaver-builder","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/infinite-background-effect-beaver-builder\/","title":{"rendered":"How to Add Infinite Background Effect to your Beaver Builder Website?"},"content":{"rendered":"

Want to spice up your website background with amazing scrolling infinite background effect? Let’s see how you can create the same for your Beaver Builder<\/a> websites.<\/p>\n

Adding these amazing effects on your web page helps you to highlight your website appearance & make it more attractive. This makes your users stay longer on your website.<\/p>\n

Infinite Background feature of PowerPack allows you to showcase your image in an endless loop. You can scroll the image either horizontally<\/a> or vertically<\/a>.<\/p>\n

Also, it gives you the flexibility to choose whether you want to scroll image in left to right or in the right to left direction.<\/p>\n

Apart from all these options, you can control the speed of scrolling.<\/p>\n

Where can we use these amazing infinite background effects?<\/h2>\n

Infinite Background effects can be added to various sections to create an attention-grabbing section on your website.<\/p>\n

With this effect, you can create an impressive header section to attract your visitors’ attention on the first look.<\/p>\n

Here’s an example:<\/p>\n

\n
\n\t
\n\t\t\t\t\t\t
\n\t\t\n
\n\t\t\t
\n\t
\n\t
\n\t\t
\n\t

 <\/p>\n

sky is the limit<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n

\n\t
\n\t\t
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\n
\n\t\t\t
\n\t
\n\t
\n\t\t
\n\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n
\n

How to add an Infinite Background Effect with Beaver Builder?<\/h2>\n

Also Read: How to add Particle Effect Background to your Beaver Builder website<\/a><\/p><\/blockquote>\n

With Infinite Background Effect feature of PowerPack, you can add impressive background animation on your web pages & for that, you don’t have to write a single line of code.<\/p>\n

Let’s see how you can these amazing on your Beaver Builder websites using effects using the Infinite Background Effect feature.<\/strong><\/p>\n

Before we begin further, make sure you have installed and activated both Beaver Builder<\/a> and PowerPack Beaver Builder<\/a> addon on your WordPress website.<\/p>\n

Step 1: Set the Infinite Background Effect for Row<\/strong><\/h3>\n

Go to the page where you want to add Background Effect. Open a page with Beaver Builder editor.<\/p>\n

Now, click on the section where you wish to edit.<\/p>\n

From the Style tab, select Infinite Background (PowerPack) option.<\/p>\n

\"infinite-background-effect\"<\/p>\n

Step 2: Select Background Image & Define Scrolling Direction:<\/strong><\/h3>\n

Select a suitable background image & choose whether you want to scroll image in Horizontal<\/strong><\/a> or the Vertical <\/a><\/strong>direction. Also, you can add Background Colour as per your preference<\/p>\n

Furthermore, you can control the scrolling speed<\/strong> of the image.<\/p>\n

\"infinite-background-effect-settings\"<\/p>\n

Winding Up!<\/h3>\n

Now you can easily add amazing effects on your Beaver Builder websites & enhance your websites’ appearance.<\/p>\n

Click here to get your PowerPack addon<\/a> now.<\/p>\n","protected":false},"excerpt":{"rendered":"

Want to spice up your website background with amazing scrolling infinite background effect? Let’s see how you can create the same for your Beaver Builder websites. Adding these amazing effects on your web page helps you to highlight your website appearance & make it more attractive. This makes your users stay longer on your website.…<\/p>\n","protected":false},"author":5391,"featured_media":229758,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-229049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/229049"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/5391"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=229049"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/229049\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/229758"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=229049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=229049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=229049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}