{"id":14682,"date":"2018-07-20T14:32:12","date_gmt":"2018-07-20T12:32:12","guid":{"rendered":"https:\/\/marabelia.com\/?p=14682"},"modified":"2025-06-19T13:18:17","modified_gmt":"2025-06-19T11:18:17","slug":"how-to-create-a-moving-carousel-with-essential-grid","status":"publish","type":"post","link":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/","title":{"rendered":"How to create a moving carousel with Essential Grid"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text]In this video tutorial, we show you how to create a grid using the Essential Grid plugin with a carousel effect.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/4FdOGv9HEi0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here is the JavaScript code. As you can see, you can change the number <strong>3000<\/strong> to increase or decrease the interval:<\/p>\n<pre>(function() {\r\n\r\n\/\/ change the number \"3000\" to however many seconds should pass before the Grid's page changes\r\nvar interval = 3000, timer, mouseOn;\r\n\r\njQuery('.esg-grid').on('mouseenter', function() {\r\n\r\nmouseOn = true;\r\nclearInterval(timer);\r\n\r\n}).on('mouseleave', mouseOut);\r\n\r\nfunction mouseOut() {\r\n\r\nmouseOn = false\r\ntimer = setInterval(changeGrid, interval);\r\n\r\n}\r\n\r\nfunction changeGrid() {\r\n\r\njQuery('.esg-right').trigger('click');\r\n\r\n}\r\n\r\nvar gridLoaded = setInterval(function() {\r\n\r\nif(jQuery('.esg-grid').is(':visible')) {\r\n\r\nclearInterval(gridLoaded);\r\nif(!mouseOn) mouseOut();\r\n\r\n}\r\n\r\n}, 500);\r\n\r\n})();<\/pre>\n<p><strong>Suggestion:<\/strong> You can change the animation effect in the &#8220;Animations&#8221; section. Instead of &#8220;Slide Horizontal&#8221;, you can select any other. I personally found them all very dizzying\u2014even hypnotic! O,O<\/p>\n<p><strong>Small issue:<\/strong> If you have several grids with different categories on the same page, this JavaScript will cause ALL of them to scroll\u2014even if you only intended it for one&#8230; If anyone knows how to isolate the effect to just one grid, please share!<\/p>\n<p><strong>Solution:<\/strong> Forget this tutorial and create your carousel using the free plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/wp-posts-carousel\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Posts Carousel<\/a>. It\u2019s very easy to configure. While it doesn\u2019t compare to Essential Grid in terms of design, it gets the job done.<\/p>\n<p>&nbsp;<\/p>\n<p>To finish, here\u2019s an example of Essential Grid with a carousel effect using our web portfolio:<\/p>\n<p>&nbsp;<\/p>\n<style type=\"text\/css\">a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster,.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-my-instagram-wrapper {transform:none !important}.eg-my-instagram-element-1,.eg-my-instagram-element-28 {top:-5px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-uwe-krupp-wrapper:hover {background:#fff !important;transition:all 0.3s ease}.eg-uwe-krupp-wrapper .esg-media-poster {border-radius:10px}.eg-uwe-krupp-wrapper .eg-uwe-krupp-element-6 {margin-left:50% !important;transform:translateX(-15px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-portfolio-dark-wrapper .esg-bc {transition:all 0.5s ease;min-height:10px}.eg-portfolio-dark-wrapper.esg-hovered .esg-bc {min-height:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-1 {background:transparent}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-3 {opacity:0.5}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-3 {opacity:1}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-4 {position:absolute;left:0;overflow:hidden;max-height:0;text-align:left;width:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-4 {max-height:1000px;margin-top:-20px !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-6 {z-index:9999 !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-gradient-bar {height:200px;position:absolute;bottom:0;left:0;width:100%;background-image:-moz-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-ms-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%)}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-gradient-bar {display:none}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-wayne-gretzky-wrapper {transform:none !important}.eg-furniture-menu-wrapper .eg-furniture-menu-element-1 {transition:all 0.5s ease}.eg-furniture-menu-wrapper.esg-hovered .eg-furniture-menu-element-1 {margin-top:-100px}a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster,.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-my-instagram-wrapper {transform:none !important}.eg-my-instagram-element-1,.eg-my-instagram-element-28 {top:-5px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-uwe-krupp-wrapper:hover {background:#fff !important;transition:all 0.3s ease}.eg-uwe-krupp-wrapper .esg-media-poster {border-radius:10px}.eg-uwe-krupp-wrapper .eg-uwe-krupp-element-6 {margin-left:50% !important;transform:translateX(-15px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-portfolio-dark-wrapper .esg-bc {transition:all 0.5s ease;min-height:10px}.eg-portfolio-dark-wrapper.esg-hovered .esg-bc {min-height:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-1 {background:transparent}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-3 {opacity:0.5}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-3 {opacity:1}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-4 {position:absolute;left:0;overflow:hidden;max-height:0;text-align:left;width:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-4 {max-height:1000px;margin-top:-20px !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-6 {z-index:9999 !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-gradient-bar {height:200px;position:absolute;bottom:0;left:0;width:100%;background-image:-moz-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-ms-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%)}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-gradient-bar {display:none}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-wayne-gretzky-wrapper {transform:none !important}.eg-furniture-menu-wrapper .eg-furniture-menu-element-1 {transition:all 0.5s ease}.eg-furniture-menu-wrapper.esg-hovered .eg-furniture-menu-element-1 {margin-top:-100px}<\/style>\n\n<p>&nbsp;<\/p>\n<p>We hope this was helpful! See you next time :)[\/vc_column_text][vc_row_inner content_placement=&#8221;middle&#8221;][vc_column_inner][vc_custom_heading font_container=&#8221;tag:h3|text_align:center|color:rgba(221%2C153%2C51%2C0.96)&#8221; google_fonts=&#8221;font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20italic%3A700%3Aitalic&#8221; text=&#8221;Would you like us to configure Essential Grid for you?&#8221;][vc_empty_space][vc_column_text]\n<p style=\"text-align: justify;\">At Marabelia, we\u2019ve been creating websites for many years and we know this fabulous plugin inside out. If you don\u2019t want to complicate things, you can leave the Essential Grid setup in our hands \ud83d\ude09<\/p>\n[\/vc_column_text][vc_empty_space][vc_btn style=&#8221;classic&#8221; color=&#8221;juicy-pink&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221; title=&#8221;YES, I WANT HELP WITH MY WEBSITE!&#8221; link=&#8221;url:https%3A%2F%2Fmarabelia.com%2Fen%2Fcontact%2F&#8221;][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"[vc_row][vc_column][vc_column_text]In this video tutorial, we show you how to create a grid using the Essential Grid plugin with a carousel effect. Here is the JavaScript code. As you can see, you can change the number 3000 to increase or decrease the interval: (function() { \/\/ change the number &#8220;3000&#8221; to however many seconds should pass [&#8230;]\n","protected":false},"author":1,"featured_media":13449,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,99,98],"tags":[],"class_list":["post-14682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creativity-and-design","category-plugins-wordpress-2","category-wordpress-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia<\/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:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text]In this video tutorial, we show you how to create a grid using the Essential Grid plugin with a carousel effect. Here is the JavaScript code. As you can see, you can change the number 3000 to increase or decrease the interval: (function() { \/\/ change the number &quot;3000&quot; to however many seconds should pass [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-20T12:32:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T11:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"829\" \/>\n\t<meta property=\"og:image:height\" content=\"419\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin-mbl\" \/>\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-mbl\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/\"},\"author\":{\"name\":\"admin-mbl\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/2fe20801a852ce3df5a1a0260364e90c\"},\"headline\":\"How to create a moving carousel with Essential Grid\",\"datePublished\":\"2018-07-20T12:32:12+00:00\",\"dateModified\":\"2025-06-19T11:18:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/\"},\"wordCount\":357,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2011\\\/07\\\/carousel-essential-grid-copia.jpg\",\"articleSection\":[\"Creativity and design\",\"Plugins WordPress\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/\",\"name\":\"How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2011\\\/07\\\/carousel-essential-grid-copia.jpg\",\"datePublished\":\"2018-07-20T12:32:12+00:00\",\"dateModified\":\"2025-06-19T11:18:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2011\\\/07\\\/carousel-essential-grid-copia.jpg\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2011\\\/07\\\/carousel-essential-grid-copia.jpg\",\"width\":829,\"height\":419},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/how-to-create-a-moving-carousel-with-essential-grid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/marabelia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create a moving carousel with Essential Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"name\":\"MARABELIA. Dise\u00f1o web Valencia. Marketing Digital.\",\"description\":\"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"alternateName\":\"MARABELIA. Dise\u00f1o Web Valencia.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/marabelia.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\",\"name\":\"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"width\":1080,\"height\":1080,\"caption\":\"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/2fe20801a852ce3df5a1a0260364e90c\",\"name\":\"admin-mbl\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"caption\":\"admin-mbl\"},\"sameAs\":[\"https:\\\/\\\/marabelia.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia","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:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/","og_locale":"en_US","og_type":"article","og_title":"How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia","og_description":"[vc_row][vc_column][vc_column_text]In this video tutorial, we show you how to create a grid using the Essential Grid plugin with a carousel effect. Here is the JavaScript code. As you can see, you can change the number 3000 to increase or decrease the interval: (function() { \/\/ change the number \"3000\" to however many seconds should pass [...]","og_url":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/","og_site_name":"Marabelia | Agencia Digital en Valencia","article_published_time":"2018-07-20T12:32:12+00:00","article_modified_time":"2025-06-19T11:18:17+00:00","og_image":[{"width":829,"height":419,"url":"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg","type":"image\/jpeg"}],"author":"admin-mbl","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin-mbl","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#article","isPartOf":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/"},"author":{"name":"admin-mbl","@id":"https:\/\/marabelia.com\/#\/schema\/person\/2fe20801a852ce3df5a1a0260364e90c"},"headline":"How to create a moving carousel with Essential Grid","datePublished":"2018-07-20T12:32:12+00:00","dateModified":"2025-06-19T11:18:17+00:00","mainEntityOfPage":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/"},"wordCount":357,"commentCount":0,"publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"image":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg","articleSection":["Creativity and design","Plugins WordPress","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/","url":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/","name":"How to create a moving carousel with Essential Grid &#8226; Marabelia | Agencia Digital en Valencia","isPartOf":{"@id":"https:\/\/marabelia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#primaryimage"},"image":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg","datePublished":"2018-07-20T12:32:12+00:00","dateModified":"2025-06-19T11:18:17+00:00","breadcrumb":{"@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#primaryimage","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2011\/07\/carousel-essential-grid-copia.jpg","width":829,"height":419},{"@type":"BreadcrumbList","@id":"https:\/\/marabelia.com\/en\/how-to-create-a-moving-carousel-with-essential-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/marabelia.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to create a moving carousel with Essential Grid"}]},{"@type":"WebSite","@id":"https:\/\/marabelia.com\/#website","url":"https:\/\/marabelia.com\/","name":"MARABELIA. Dise\u00f1o web Valencia. Marketing Digital.","description":"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.","publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"alternateName":"MARABELIA. Dise\u00f1o Web Valencia.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marabelia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/marabelia.com\/#organization","name":"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.","url":"https:\/\/marabelia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","width":1080,"height":1080,"caption":"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital."},"image":{"@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/marabelia.com\/#\/schema\/person\/2fe20801a852ce3df5a1a0260364e90c","name":"admin-mbl","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","caption":"admin-mbl"},"sameAs":["https:\/\/marabelia.com"]}]}},"_links":{"self":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/comments?post=14682"}],"version-history":[{"count":1,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14682\/revisions"}],"predecessor-version":[{"id":14683,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14682\/revisions\/14683"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media\/13449"}],"wp:attachment":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media?parent=14682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/categories?post=14682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/tags?post=14682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}