{"id":2122,"date":"2020-11-03T10:02:12","date_gmt":"2020-11-03T02:02:12","guid":{"rendered":"https:\/\/www.intelliwolf.com\/?p=2122"},"modified":"2020-11-03T10:02:14","modified_gmt":"2020-11-03T02:02:14","slug":"fix-transition-delay-beaver-builder-error","status":"publish","type":"post","link":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/fix-transition-delay-beaver-builder-error\/","title":{"rendered":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error"},"content":{"rendered":"\n

This is a new error message in Beaver Builder. I'm currently running Beaver Builder Pro 2.4.0.6 on the site.<\/p>\n\n\n\n

Judging by the changelog, the error message was introduced with Beaver Builder Pro 2.4 in August 2020.<\/p>\n\n\n\n

The error message comes up when you try to save the Slider module and says \"Transition value should be lower than Delay value.\"<\/p>\n\n\n\n

\"message<\/figure><\/div>\n\n\n\n

To fix this error, go to the Slider tab in the Content Slider module and look for the Delay<\/em> and Transition Speed<\/em> values. Change either the delay or the transition value so that the delay value is higher than the transition value.<\/strong><\/p>\n\n\n\n

\"Screenshot<\/figure><\/div>\n\n\n\n

Now when you save the slider, you won't see the error message any more.<\/p>\n\n\n\n

On that particular site, I used to have both the delay and transition set to the same value. It wasn't an issue before.<\/p>\n\n\n\n

The reason they introduced this was to fix a problem where images were getting skipped because they hadn't finished their transition before the delay kicked in and the next image was shown.<\/p>\n\n\n\n

I always thought that the two values were cumulative, so the delay runs, then the transition runs.<\/p>\n\n\n\n

Instead, it seems the transition speed is overlaid on the delay.<\/p>\n\n\n\n

So if you set a delay of 3 seconds, a new slider will be shown every three seconds. Then the transition speed sets how fast the slider will fade in (or whatever animation you have set).<\/p>\n","protected":false},"excerpt":{"rendered":"

This is a new error message in Beaver Builder. I’m currently running Beaver Builder Pro 2.4.0.6 on the site. Judging by the changelog, the error message was introduced with Beaver Builder Pro 2.4 in August 2020. The error message comes up when you try to save the Slider module and says “Transition value should be<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"yoast_head":"\nHow To Fix "Transition Value Should Be Lower Than Delay Value" Beaver Builder Error<\/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:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Fix "Transition Value Should Be Lower Than Delay Value" Beaver Builder Error\" \/>\n<meta property=\"og:description\" content=\"This is a new error message in Beaver Builder. I'm currently running Beaver Builder Pro 2.4.0.6 on the site. Judging by the changelog, the error message was introduced with Beaver Builder Pro 2.4 in August 2020. The error message comes up when you try to save the Slider module and says "Transition value should be\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\" \/>\n<meta property=\"og:site_name\" content=\"Intelliwolf\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-03T02:02:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-03T02:02:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png\" \/>\n<meta name=\"author\" content=\"Mike Haydon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Haydon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\"},\"author\":{\"name\":\"Mike Haydon\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343\"},\"headline\":\"How To Fix \\\"Transition Value Should Be Lower Than Delay Value\\\" Beaver Builder Error\",\"datePublished\":\"2020-11-03T02:02:12+00:00\",\"dateModified\":\"2020-11-03T02:02:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\"},\"wordCount\":244,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png\",\"articleSection\":[\"Page Builders\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\",\"url\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\",\"name\":\"How To Fix \\\"Transition Value Should Be Lower Than Delay Value\\\" Beaver Builder Error\",\"isPartOf\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png\",\"datePublished\":\"2020-11-03T02:02:12+00:00\",\"dateModified\":\"2020-11-03T02:02:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage\",\"url\":\"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png\",\"contentUrl\":\"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png\",\"width\":550,\"height\":184},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intelliwolf.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Builders\",\"item\":\"https:\/\/www.intelliwolf.com\/category\/page-builders\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Fix \\\"Transition Value Should Be Lower Than Delay Value\\\" Beaver Builder Error\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intelliwolf.com\/#website\",\"url\":\"https:\/\/www.intelliwolf.com\/\",\"name\":\"Intelliwolf\",\"description\":\"WordPress, Web Design and Coding Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intelliwolf.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.intelliwolf.com\/#organization\",\"name\":\"Intelliwolf\",\"url\":\"https:\/\/www.intelliwolf.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/intelliwolf-logo-300t.png\",\"contentUrl\":\"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/intelliwolf-logo-300t.png\",\"width\":300,\"height\":100,\"caption\":\"Intelliwolf\"},\"image\":{\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343\",\"name\":\"Mike Haydon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.intelliwolf.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g\",\"caption\":\"Mike Haydon\"},\"sameAs\":[\"https:\/\/intelliwolf.com\/about-mike-haydon\/\"]}]}<\/script>\n","yoast_head_json":{"title":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error","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:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/","og_locale":"en_US","og_type":"article","og_title":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error","og_description":"This is a new error message in Beaver Builder. I'm currently running Beaver Builder Pro 2.4.0.6 on the site. Judging by the changelog, the error message was introduced with Beaver Builder Pro 2.4 in August 2020. The error message comes up when you try to save the Slider module and says \"Transition value should be","og_url":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/","og_site_name":"Intelliwolf","article_published_time":"2020-11-03T02:02:12+00:00","article_modified_time":"2020-11-03T02:02:14+00:00","og_image":[{"url":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png"}],"author":"Mike Haydon","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mike Haydon","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#article","isPartOf":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/"},"author":{"name":"Mike Haydon","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343"},"headline":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error","datePublished":"2020-11-03T02:02:12+00:00","dateModified":"2020-11-03T02:02:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/"},"wordCount":244,"commentCount":0,"publisher":{"@id":"https:\/\/www.intelliwolf.com\/#organization"},"image":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage"},"thumbnailUrl":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png","articleSection":["Page Builders"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/","url":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/","name":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error","isPartOf":{"@id":"https:\/\/www.intelliwolf.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage"},"image":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage"},"thumbnailUrl":"https:\/\/intelliwolf.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png","datePublished":"2020-11-03T02:02:12+00:00","dateModified":"2020-11-03T02:02:14+00:00","breadcrumb":{"@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#primaryimage","url":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png","contentUrl":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/2020\/11\/2020-11-03-beaver-builder-transition-value-01.png","width":550,"height":184},{"@type":"BreadcrumbList","@id":"https:\/\/www.intelliwolf.com\/fix-transition-delay-beaver-builder-error\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intelliwolf.com\/"},{"@type":"ListItem","position":2,"name":"Page Builders","item":"https:\/\/www.intelliwolf.com\/category\/page-builders\/"},{"@type":"ListItem","position":3,"name":"How To Fix \"Transition Value Should Be Lower Than Delay Value\" Beaver Builder Error"}]},{"@type":"WebSite","@id":"https:\/\/www.intelliwolf.com\/#website","url":"https:\/\/www.intelliwolf.com\/","name":"Intelliwolf","description":"WordPress, Web Design and Coding Tutorials","publisher":{"@id":"https:\/\/www.intelliwolf.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intelliwolf.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.intelliwolf.com\/#organization","name":"Intelliwolf","url":"https:\/\/www.intelliwolf.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/","url":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/intelliwolf-logo-300t.png","contentUrl":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-content\/uploads\/intelliwolf-logo-300t.png","width":300,"height":100,"caption":"Intelliwolf"},"image":{"@id":"https:\/\/www.intelliwolf.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/7209e3ff14822e4d70d5f194a310f343","name":"Mike Haydon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intelliwolf.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d5f4754fae310a04dede91d15e57c8a0?s=96&d=mm&r=g","caption":"Mike Haydon"},"sameAs":["https:\/\/intelliwolf.com\/about-mike-haydon\/"]}]}},"_links":{"self":[{"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/posts\/2122"}],"collection":[{"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":1,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/posts\/2122\/revisions"}],"predecessor-version":[{"id":2125,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/posts\/2122\/revisions\/2125"}],"wp:attachment":[{"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/media?parent=2122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/categories?post=2122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/wp-json\/wp\/v2\/tags?post=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}