How to create moving text on a static background image

2 Comments / Pootle page builder, PootlePress news, Video Tutorials, WordPress / By Jamie Marsland / June 15, 2017 June 15, 2017

Video tutorial

2 thoughts on “How to create moving text on a static background image”

Thomas Aagesen
June 21, 2017 at 3:50 pm

Awesome. Will this work in mobile as well?

Reply
1. Jamie Marsland
  June 25, 2017 at 8:34 pm
  
  Yes it will :)
  
  Reply

Leave a Comment Cancel Reply

html{font-size:112.5%;}a,.page-title{color:#0274be;}a:hover,a:focus{color:#3a3a3a;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:"Poppins",sans-serif;font-weight:400;font-size:18px;font-size:1rem;}blockquote{color:#000;}h1,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.site-title,.site-title a{font-family:"Poppins",sans-serif;font-weight:600;}.site-title{font-size:35px;font-size:1.94444444444rem;}.ast-archive-description .ast-archive-title{font-size:40px;font-size:2.22222222222rem;}.site-header .site-description{font-size:15px;font-size:.833333333333rem;}.entry-title{font-size:40px;font-size:2.22222222222rem;}.comment-reply-title{font-size:29px;font-size:1.61111111111rem;}.ast-comment-list #cancel-comment-reply-link{font-size:18px;font-size:1rem;}h1,.entry-content h1{font-size:40px;font-size:2.22222222222rem;font-family:"Poppins",sans-serif;}h2,.entry-content h2{font-size:30px;font-size:1.66666666667rem;font-family:"Poppins",sans-serif;}h3,.entry-content h3{font-size:25px;font-size:1.38888888889rem;font-family:"Poppins",sans-serif;}h4,.entry-content h4{font-size:20px;font-size:1.11111111111rem;}h5,.entry-content h5{font-size:18px;font-size:1rem;}h6,.entry-content h6{font-size:15px;font-size:.833333333333rem;}.ast-single-post .entry-title,.page-title{font-size:30px;font-size:1.66666666667rem;}::selection{background-color:#0274be;color:#fff;}body,h1,.entry-title a,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.wc-block-grid__product-title{color:#3a3a3a;}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#fff;border-color:#0274be;background-color:#0274be;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:#0274be;}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:#0274be;background-color:#0274be;box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:#0274be;border-color:#0274be;}.ast-comment-meta{line-height:1.666666667;font-size:15px;font-size:.833333333333rem;}.single .nav-links .nav-previous,.single .nav-links .nav-next,.single .ast-author-details .author-title,.ast-comment-meta{color:#0274be;}.entry-meta,.entry-meta *{line-height:1.45;color:#0274be;}.entry-meta a:hover,.entry-meta a:hover *,.entry-meta a:focus,.entry-meta a:focus *{color:#3a3a3a;}.ast-404-layout-1 .ast-404-text{font-size:200px;font-size:11.1111111111rem;}.widget-title{font-size:25px;font-size:1.38888888889rem;color:#3a3a3a;}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:#0274be;}.secondary .calendar_wrap #today,.ast-progress-val span{background:#0274be;}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:#0274be;border-color:#0274be;}.calendar_wrap #today > a{color:#fff;}.ast-pagination a,.page-links .page-link,.single .post-navigation a{color:#0274be;}.ast-pagination a:hover,.ast-pagination a:focus,.ast-pagination > span:hover:not(.dots),.ast-pagination > span.current,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#3a3a3a;}.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle{background:transparent;color:#fff;}.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle{background:transparent;border:1px solid #fff;color:#fff;}.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle{background:#fff;color:#000;}.comments-count-wrapper{padding:2em 0;}.comments-count-wrapper .comments-title{font-weight:normal;word-wrap:break-word;}.ast-comment-list{margin:0;word-wrap:break-word;padding-bottom:.5em;list-style:none;}.ast-comment-list li{list-style:none;}.ast-comment-list li.depth-1 .ast-comment,.ast-comment-list li.depth-2 .ast-comment{border-bottom:1px solid #eee;}.ast-comment-list .comment-respond{padding:1em 0;border-bottom:1px solid #eee;}.ast-comment-list .comment-respond .comment-reply-title{margin-top:0;padding-top:0;}.ast-comment-list .comment-respond p{margin-bottom:.5em;}.ast-comment-list .ast-comment-edit-reply-wrap{-js-display:flex;display:flex;justify-content:flex-end;}.ast-comment-list .ast-edit-link{flex:1;}.ast-comment-list .comment-awaiting-moderation{margin-bottom:0;}.ast-comment{padding:1em 0;}.ast-comment-avatar-wrap img{border-radius:50%;}.ast-comment-content{clear:both;}.ast-comment-cite-wrap{text-align:left;}.ast-comment-cite-wrap cite{font-style:normal;}.comment-reply-title{padding-top:1em;font-weight:normal;line-height:1.65;}.ast-comment-meta{margin-bottom:.5em;}.comments-area{border-top:1px solid #eee;margin-top:2em;}.comments-area .comment-form-comment{width:100%;border:none;margin:0;padding:0;}.comments-area .comment-notes,.comments-area .comment-textarea,.comments-area .form-allowed-tags{margin-bottom:1.5em;}.comments-area .form-submit{margin-bottom:0;}.comments-area textarea#comment,.comments-area .ast-comment-formwrap input[type="text"]{width:100%;border-radius:0;vertical-align:middle;margin-bottom:10px;}.comments-area .no-comments{margin-top:.5em;margin-bottom:.5em;}.comments-area p.logged-in-as{margin-bottom:1em;}.ast-separate-container .comments-count-wrapper{background-color:#fff;padding:2em 6.67em 0;}@media (max-width: 1200px){.ast-separate-container .comments-count-wrapper{padding:2em 3.34em;}}.ast-separate-container .comments-area{border-top:0;}.ast-separate-container .ast-comment-list{padding-bottom:0;}.ast-separate-container .ast-comment-list li{background-color:#fff;}.ast-separate-container .ast-comment-list li.depth-1{padding:4em 6.67em;margin-bottom:2em;}@media (max-width: 1200px){.ast-separate-container .ast-comment-list li.depth-1{padding:3em 3.34em;}}.ast-separate-container .ast-comment-list li.depth-1 .children li{padding-bottom:0;padding-top:0;margin-bottom:0;}.ast-separate-container .ast-comment-list li.depth-1 .ast-comment,.ast-separate-container .ast-comment-list li.depth-2 .ast-comment{border-bottom:0;}.ast-separate-container .ast-comment-list .comment-respond{padding-top:0;padding-bottom:1em;background-color:transparent;}.ast-separate-container .ast-comment-list .pingback p{margin-bottom:0;}.ast-separate-container .ast-comment-list .bypostauthor{padding:2em;margin-bottom:1em;}.ast-separate-container .ast-comment-list .bypostauthor li{background:transparent;margin-bottom:0;padding:0 0 0 2em;}.ast-separate-container .comment-respond{background-color:#fff;padding:4em 6.67em;border-bottom:0;}@media (max-width: 1200px){.ast-separate-container .comment-respond{padding:3em 2.34em;}}.ast-separate-container .comment-reply-title{padding-top:0;}.ast-comment-list .children{margin-left:2em;}@media (max-width: 992px){.ast-comment-list .children{margin-left:1em;}}.ast-comment-list #cancel-comment-reply-link{white-space:nowrap;font-size:15px;font-size:1rem;margin-left:1em;}.ast-comment-avatar-wrap{float:left;clear:right;margin-right:1.33333em;}.ast-comment-meta-wrap{float:left;clear:right;padding:0 0 1.33333em;}.ast-comment-time .timendate,.ast-comment-time .reply{margin-right:.5em;}.comments-area #wp-comment-cookies-consent{margin-right:10px;}.ast-page-builder-template .comments-area{padding-left:20px;padding-right:20px;margin-top:2em;margin-bottom:2em;}.ast-separate-container .ast-comment-list .bypostauthor .bypostauthor{background:transparent;margin-bottom:0;padding-right:0;padding-bottom:0;padding-top:0;}.wp-block-buttons.aligncenter{justify-content:center;}@media (max-width:782px){.entry-content .wp-block-columns .wp-block-column{margin-left:0px;}}@media (max-width:768px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{padding:1.5em 2.14em;}.ast-separate-container #primary,.ast-separate-container #secondary{padding:1.5em 0;}#primary,#secondary{padding:1.5em 0;margin:0;}.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}.ast-author-box img.avatar{margin:20px 0 0 0;}}@media (max-width:768px){.ast-right-sidebar #primary{padding-right:0;}.ast-pagination .prev.page-numbers{padding-left:.5em;}.ast-pagination .next.page-numbers{padding-right:.5em;}}@media (min-width:769px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.ast-separate-container .ast-comment-list li .comment-respond{padding-left:2.66666em;padding-right:2.66666em;}.ast-author-box{-js-display:flex;display:flex;}.ast-author-bio{flex:1;}.error404.ast-separate-container #primary,.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}@media (min-width:769px){.ast-right-sidebar #primary{border-right:1px solid #eee;}.ast-left-sidebar #primary{border-left:1px solid #eee;}}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"]{color:#fff;border-color:#0274be;background-color:#0274be;border-radius:2px;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px;font-family:inherit;font-weight:inherit;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{color:#fff;background-color:#3a3a3a;border-color:#3a3a3a;}@media (min-width:768px){.ast-container{max-width:100%;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:.54em;padding-right:.54em;}.ast-separate-container .comments-count-wrapper{padding:1.5em 1em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 1em;margin-bottom:1.5em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}.ast-separate-container .comment-respond{padding:1.5em 1em;}}@media (max-width:544px){.ast-comment-list .children{margin-left:.66666em;}.ast-separate-container .ast-comment-list .bypostauthor li{padding:0 0 0 .5em;}}@media (max-width:768px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.comments-area{margin-top:1.5em;}.ast-separate-container .comments-count-wrapper{padding:2em 2.14em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 2.14em;}.ast-separate-container .comment-respond{padding:2em 2.14em;}}@media (max-width:768px){.ast-header-break-point .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:0;}.ast-header-break-point .ast-mobile-header-stack .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:-1em;}.ast-comment-avatar-wrap{margin-right:.5em;}}@media (min-width:545px){.ast-page-builder-template .comments-area,.single.ast-page-builder-template .entry-header,.single.ast-page-builder-template .post-navigation{max-width:1240px;margin-left:auto;margin-right:auto;}}body,.ast-separate-container{background-color:#fff;}@media (max-width:768px){.ast-archive-description .ast-archive-title{font-size:40px;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}.ast-single-post .entry-title,.page-title{font-size:30px;}}@media (max-width:544px){.ast-archive-description .ast-archive-title{font-size:40px;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}.ast-single-post .entry-title,.page-title{font-size:30px;}}@media (max-width:768px){html{font-size:102.6%;}}@media (max-width:544px){html{font-size:102.6%;}}@media (min-width:769px){.ast-container{max-width:1240px;}}@font-face{font-family:"Astra";src:url("https://cdn-beile.nitrocdn.com/SXOsRimsfvzHBbpCCkUVTmFuBlXsRjMR/assets/static/source/rev-1c40e3f/wp-content/themes/astra/assets/fonts/astra.woff") format("woff"),url("https://cdn-beile.nitrocdn.com/SXOsRimsfvzHBbpCCkUVTmFuBlXsRjMR/assets/static/source/rev-1c40e3f/wp-content/themes/astra/assets/fonts/astra.ttf") format("truetype"),url("https://cdn-beile.nitrocdn.com/SXOsRimsfvzHBbpCCkUVTmFuBlXsRjMR/assets/static/source/rev-1c40e3f/wp-content/themes/astra/assets/fonts/astra.svg#astra") format("svg");font-weight:normal;font-style:normal;font-display:swap;}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}@media (max-width:920px){.ast-404-layout-1 .ast-404-text{font-size:100px;font-size:5.55555555556rem;}}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 .3em;content:"»";}.trail-items li:last-of-type::after{display:none;}@media (max-width:768px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-6-equal .ast-builder-grid-row{grid-template-columns:repeat(6,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-5-equal .ast-builder-grid-row{grid-template-columns:repeat(5,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row{grid-template-columns:repeat(4,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr 1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-rheavy .ast-builder-grid-row{grid-template-columns:1fr 1fr 1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row{grid-template-columns:repeat(3,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-rheavy .ast-builder-grid-row{grid-template-columns:1fr 1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-cheavy .ast-builder-grid-row{grid-template-columns:1fr 2fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-cwide .ast-builder-grid-row{grid-template-columns:1fr 3fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row{grid-template-columns:1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child{grid-column:1/-1;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row{grid-template-columns:1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1/-1;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row{grid-template-columns:repeat(2,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-rheavy .ast-builder-grid-row{grid-template-columns:1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-mobile-6-equal .ast-builder-grid-row{grid-template-columns:repeat(6,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-5-equal .ast-builder-grid-row{grid-template-columns:repeat(5,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-equal .ast-builder-grid-row{grid-template-columns:repeat(4,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr 1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-rheavy .ast-builder-grid-row{grid-template-columns:1fr 1fr 1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-equal .ast-builder-grid-row{grid-template-columns:repeat(3,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-rheavy .ast-builder-grid-row{grid-template-columns:1fr 1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-cheavy .ast-builder-grid-row{grid-template-columns:1fr 2fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-cwide .ast-builder-grid-row{grid-template-columns:1fr 3fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row{grid-template-columns:1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child{grid-column:1/-1;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row{grid-template-columns:1fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1/-1;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-equal .ast-builder-grid-row{grid-template-columns:repeat(2,1fr);}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-lheavy .ast-builder-grid-row{grid-template-columns:2fr 1fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-rheavy .ast-builder-grid-row{grid-template-columns:1fr 2fr;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.ast-builder-layout-element[data-section="title_tagline"]{display:flex;}@media (max-width:768px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}.ast-builder-menu-1{font-family:inherit;font-weight:inherit;font-size:16px;font-size:.888888888889rem;}.ast-builder-menu-1 .menu-item > .menu-link{color:#fff;}.ast-builder-menu-1 .menu-item > .ast-menu-toggle{color:#fff;}.ast-builder-menu-1 .menu-item:hover > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle{color:#6d5858;}.ast-builder-menu-1 .menu-item:hover > .ast-menu-toggle{color:#6d5858;}.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle{color:#2d2d2d;}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:#2d2d2d;}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .inline-on-mobile .sub-menu{border-top-width:2px;border-bottom-width:0;border-right-width:0;border-left-width:0;border-color:#d8d8d8;border-style:solid;border-radius:0;}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .astra-full-megamenu-wrapper{margin-top:0;}.ast-builder-menu-1 .main-header-menu,.ast-builder-menu-1 .main-header-menu .sub-menu{background-color:#ff7575;background-image:none;}.ast-builder-menu-1 .main-header-menu.nitro-lazy,.ast-builder-menu-1 .main-header-menu .sub-menu.nitro-lazy{background-image:none !important;}.ast-builder-menu-1 .menu-item .sub-menu .menu-link{border-style:none;}@media (max-width:768px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .menu-item-has-children > .menu-link:after{content:unset;}.ast-header-break-point .ast-builder-menu-1 .main-navigation .menu-item .sub-menu .menu-link,.ast-header-break-point .ast-builder-menu-1 .main-navigation .menu-item .menu-link{border-style:none;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-header-break-point .ast-builder-menu-1 .main-navigation .menu-item .sub-menu .menu-link,.ast-header-break-point .ast-builder-menu-1 .main-navigation .menu-item .menu-link{border-style:none;}}.ast-builder-menu-1{display:flex;}@media (max-width:768px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}.ast-header-search .astra-search-icon{color:#fff;font-size:30px;}.ast-header-search .search-field::placeholder{color:#fff;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field{margin-right:20px;}@media (max-width:768px){.ast-header-search .astra-search-icon{font-size:18px;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field{margin-right:8px;}}@media (max-width:544px){.ast-header-search .astra-search-icon{font-size:18px;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field{margin-right:8px;}}.ast-header-search{display:flex;}@media (max-width:768px){.ast-header-break-point .ast-header-search{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-header-search{display:flex;}}.header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}@media (max-width:768px){.ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}}@media (max-width:544px){.ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-color:#ff7575;min-height:80px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:#ff7575;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{align-items:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}@media (max-width:768px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:768px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-footer-copyright{text-align:center;}.ast-footer-copyright .ast-footer-html-inner{color:#fff;}@media (max-width:768px){.ast-footer-copyright{text-align:center;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright.ast-builder-layout-element{display:flex;}@media (max-width:768px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner{text-align:left;}@media (max-width:768px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner{text-align:center;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner{text-align:center;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner{color:#fff;}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner a{color:#fff;}.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}@media (max-width:768px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{display:block;}}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:769px){.main-header-bar{border-bottom-width:1px;}}.ast-safari-browser-less-than-11 .main-header-menu .menu-item,.ast-safari-browser-less-than-11 .main-header-bar .ast-masthead-custom-menu-items{display:block;}.main-header-menu .menu-item,.main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-primary-menu-disabled .main-header-bar .ast-masthead-custom-menu-items{flex:unset;}.header-main-layout-1 .ast-flex.main-header-container,.header-main-layout-3 .ast-flex.main-header-container{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:#fff;color:#3a3a3a;}.ast-mobile-header-wrap .ast-mobile-header-content{background-color:#fff;}@media (max-width:768px){.content-align-flex-start .ast-builder-layout-element{justify-content:flex-start;}.content-align-flex-start .main-header-menu{text-align:left;}}.ast-mobile-header-wrap .ast-primary-header-bar .ast-builder-grid-row-container-inner,.ast-primary-header-bar .site-primary-header-wrap{min-height:70px;}.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{line-height:70px;}.ast-desktop .ast-primary-header-bar .ast-header-woo-cart,.ast-desktop .ast-primary-header-bar .ast-header-edd-cart{line-height:70px;}#masthead .ast-container,.site-header-focus-item + .ast-breadcrumbs-wrapper{max-width:100%;padding-left:35px;padding-right:35px;}@media (max-width:768px){#masthead .ast-mobile-header-wrap .ast-above-header-bar,#masthead .ast-mobile-header-wrap .ast-primary-header-bar,#masthead .ast-mobile-header-wrap .ast-below-header-bar{padding-left:20px;padding-right:20px;}}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:1px;border-bottom-style:solid;}@media (min-width:769px){.ast-primary-header-bar{border-bottom-width:1px;border-bottom-style:solid;}}.ast-primary-header-bar{background-color:#ff7575;background-image:none;}.ast-primary-header-bar.nitro-lazy{background-image:none !important;}.ast-primary-header-bar{display:block;}@media (max-width:768px){.ast-header-break-point .ast-primary-header-bar{display:block;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:block;}}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;fill:#fff;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:#fff;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:#fff;border:none;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline{background:transparent;color:#fff;border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-left-width:1px;border-style:solid;border-color:#fff;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill{background:#0274be;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{background:transparent;}h2,.entry-content h2{color:#ff7574;}.ast-separate-container .blog-layout-1,.ast-separate-container .blog-layout-2,.ast-separate-container .blog-layout-3{background-color:transparent;background-image:none;}.ast-separate-container .blog-layout-1.nitro-lazy,.ast-separate-container .blog-layout-2.nitro-lazy,.ast-separate-container .blog-layout-3.nitro-lazy{background-image:none !important;}.ast-separate-container .ast-article-post{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-post.nitro-lazy{background-image:none !important;}@media (max-width:768px){.ast-separate-container .ast-article-post{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-post.nitro-lazy{background-image:none !important;}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-post.nitro-lazy{background-image:none !important;}}.ast-separate-container .ast-archive-description{background-color:#f4f4f4;}.ast-separate-container .ast-article-single,.ast-separate-container .comment-respond,.ast-separate-container .ast-comment-list li,.ast-separate-container .ast-woocommerce-container,.ast-separate-container .error-404,.ast-separate-container .no-results,.single.ast-separate-container .ast-author-meta,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container.ast-two-container #secondary .widget,.ast-separate-container .comments-count-wrapper,.ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-single.nitro-lazy,.ast-separate-container .comment-respond.nitro-lazy,.ast-separate-container .ast-comment-list li.nitro-lazy,.ast-separate-container .ast-woocommerce-container.nitro-lazy,.ast-separate-container .error-404.nitro-lazy,.ast-separate-container .no-results.nitro-lazy,.single.ast-separate-container .ast-author-meta.nitro-lazy,.ast-separate-container .related-posts-title-wrapper.nitro-lazy,.ast-separate-container.ast-two-container #secondary .widget.nitro-lazy,.ast-separate-container .comments-count-wrapper.nitro-lazy,.ast-box-layout.ast-plain-container .site-content.nitro-lazy,.ast-padded-layout.ast-plain-container .site-content.nitro-lazy{background-image:none !important;}@media (max-width:768px){.ast-separate-container .ast-article-single,.ast-separate-container .comment-respond,.ast-separate-container .ast-comment-list li,.ast-separate-container .ast-woocommerce-container,.ast-separate-container .error-404,.ast-separate-container .no-results,.single.ast-separate-container .ast-author-meta,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container.ast-two-container #secondary .widget,.ast-separate-container .comments-count-wrapper,.ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-single.nitro-lazy,.ast-separate-container .comment-respond.nitro-lazy,.ast-separate-container .ast-comment-list li.nitro-lazy,.ast-separate-container .ast-woocommerce-container.nitro-lazy,.ast-separate-container .error-404.nitro-lazy,.ast-separate-container .no-results.nitro-lazy,.single.ast-separate-container .ast-author-meta.nitro-lazy,.ast-separate-container .related-posts-title-wrapper.nitro-lazy,.ast-separate-container.ast-two-container #secondary .widget.nitro-lazy,.ast-separate-container .comments-count-wrapper.nitro-lazy,.ast-box-layout.ast-plain-container .site-content.nitro-lazy,.ast-padded-layout.ast-plain-container .site-content.nitro-lazy{background-image:none !important;}}@media (max-width:544px){.ast-separate-container .ast-article-single,.ast-separate-container .comment-respond,.ast-separate-container .ast-comment-list li,.ast-separate-container .ast-woocommerce-container,.ast-separate-container .error-404,.ast-separate-container .no-results,.single.ast-separate-container .ast-author-meta,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container.ast-two-container #secondary .widget,.ast-separate-container .comments-count-wrapper,.ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content{background-color:#fff;background-image:none;}.ast-separate-container .ast-article-single.nitro-lazy,.ast-separate-container .comment-respond.nitro-lazy,.ast-separate-container .ast-comment-list li.nitro-lazy,.ast-separate-container .ast-woocommerce-container.nitro-lazy,.ast-separate-container .error-404.nitro-lazy,.ast-separate-container .no-results.nitro-lazy,.single.ast-separate-container .ast-author-meta.nitro-lazy,.ast-separate-container .related-posts-title-wrapper.nitro-lazy,.ast-separate-container.ast-two-container #secondary .widget.nitro-lazy,.ast-separate-container .comments-count-wrapper.nitro-lazy,.ast-box-layout.ast-plain-container .site-content.nitro-lazy,.ast-padded-layout.ast-plain-container .site-content.nitro-lazy{background-image:none !important;}}@media (min-width:769px){.ast-container{max-width:1240px;}}@media (min-width:993px){.ast-container{max-width:1240px;}}@media (min-width:1201px){.ast-container{max-width:1240px;}}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond,.single.ast-separate-container .ast-author-details,.ast-separate-container .ast-related-posts-wrap,.ast-separate-container .ast-woocommerce-container{padding-top:1px;}@media (max-width:768px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond,.single.ast-separate-container .ast-author-details,.ast-separate-container .ast-related-posts-wrap,.ast-separate-container .ast-woocommerce-container{padding-top:1.5em;padding-bottom:1.5em;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-count-wrapper,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .related-posts-title-wrapper,.single.ast-separate-container .ast-author-details,.single.ast-separate-container .about-author-title-wrapper,.ast-separate-container .ast-related-posts-wrap,.ast-separate-container .ast-woocommerce-container{padding-right:2.14em;padding-left:2.14em;}.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container #primary,.ast-plain-container #primary{margin-top:1.5em;margin-bottom:1.5em;}.ast-left-sidebar #primary,.ast-right-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container #primary{padding-left:0em;padding-right:0em;}.ast-no-sidebar.ast-separate-container .entry-content .alignfull{margin-right:-2.14em;margin-left:-2.14em;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond,.single.ast-separate-container .ast-author-details,.ast-separate-container .ast-related-posts-wrap,.ast-separate-container .ast-woocommerce-container{padding-top:1.5em;padding-bottom:1.5em;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-count-wrapper,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .related-posts-title-wrapper,.single.ast-separate-container .ast-author-details,.single.ast-separate-container .about-author-title-wrapper,.ast-separate-container .ast-related-posts-wrap,.ast-separate-container .ast-woocommerce-container{padding-right:1em;padding-left:1em;}.ast-no-sidebar.ast-separate-container .entry-content .alignfull{margin-right:-1em;margin-left:-1em;}}@media (max-width:768px){.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle{top:0px;right:calc(20px - .907em);}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle{right:calc(20px - .907em);}}@media (max-width:544px){.ast-header-break-point .header-main-layout-2 .site-branding,.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-bottom:0;}}@media (max-width:768px){.ast-separate-container.ast-two-container #secondary .widget,.ast-separate-container #secondary .widget{margin-bottom:1.5em;}}@media (max-width:768px){.ast-separate-container #primary{padding-top:0;}}@media (max-width:768px){.ast-separate-container #primary{padding-bottom:0;}}.ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-megamenu,.ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper{border-top-width:2px;border-bottom-width:0;border-right-width:0;border-left-width:0;border-color:#d8d8d8;border-style:solid;}@media (max-width:768px){.ast-header-break-point .ast-builder-menu-1 .main-header-menu .sub-menu > .menu-item > .menu-link{padding-top:0px;padding-bottom:0px;padding-left:30px;padding-right:20px;}.ast-header-break-point .ast-builder-menu-1 .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle{top:0px;right:calc(20px - .907em);}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle{top:0px;}}#ast-scroll-top{background-color:#0274be;font-size:15px;font-size:.833333333333rem;}.site-title,.site-title a{font-family:"Poppins",sans-serif;text-transform:inherit;}.site-header .site-description{text-transform:inherit;}.ast-pagination .page-numbers,.ast-pagination .page-navigation{font-size:16px;font-size:.888888888889rem;}.secondary .widget-title{font-family:"Poppins",sans-serif;text-transform:inherit;}.secondary .widget > *:not(.widget-title){font-family:"Poppins",sans-serif;}.ast-single-post .entry-title,.page-title{font-family:"Poppins",sans-serif;text-transform:inherit;}.ast-archive-description .ast-archive-title{font-family:"Poppins",sans-serif;text-transform:inherit;}.blog .entry-title,.blog .entry-title a,.archive .entry-title,.archive .entry-title a,.search .entry-title,.search .entry-title a{font-family:"Poppins",sans-serif;text-transform:inherit;}h1,.entry-content h1{font-family:"Poppins",sans-serif;text-transform:inherit;}h2,.entry-content h2{font-family:"Poppins",sans-serif;text-transform:inherit;}h3,.entry-content h3{font-family:"Poppins",sans-serif;text-transform:inherit;}h4,.entry-content h4{font-family:"Poppins",sans-serif;text-transform:inherit;}h5,.entry-content h5{font-family:"Poppins",sans-serif;text-transform:inherit;}h6,.entry-content h6{font-family:"Poppins",sans-serif;text-transform:inherit;}.astra-hfb-header.ast-desktop .ast-builder-menu-1 .main-header-menu .menu-item.menu-item-heading > .menu-link{font-family:inherit;font-weight:700;}.astra-hfb-header .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link{font-family:inherit;font-weight:inherit;}.ast-desktop .ast-mm-widget-content .ast-mm-widget-item{padding:0;}@media (max-width: 768px){.hide{display:none;}}.woolist{color:white;}.oneday{margin-top:-25px;}.woolist a{color:white;text-decoration:underline;}.woobuilderbutton a:link{text-decoration:none;}.woobuildersection a:link{text-decoration:none;}.livedemo{box-shadow:10px 10px 25px 0px rgba(0,0,0,.75);}.jamiem{box-shadow:10px 10px 25px 0px rgba(0,0,0,.75);}.supportpage{box-shadow:10px 10px 25px 0px rgba(0,0,0,.75);padding:20px;}.page-id-48759{background-color:black;}.page-id-46512 #tpbr_topbar{display:none;}.page-id-47141 #fs-ppb-buy-button{display:none;}.blocks{background-color:#eee;padding:20px;}.page-id-47141 #fs-testimonials .fs-testimonials-wrap{column-count:2;}.page-id-47141 #fs-testimonials .fs-testimonials-wrap>div{display:inline;float:none;}.page-id-48161 #fs-testimonials .fs-testimonials-wrap{column-count:2;}.page-id-48161 #fs-testimonials .fs-testimonials-wrap>div{display:inline;float:none;}.page-id-23134 #fs-testimonials .fs-testimonials-wrap{column-count:2;}.page-id-23134 #fs-testimonials .fs-testimonials-wrap>div{display:inline;float:none;}.front a{color:white;}.quick a{color:white;}.points{color:white;}.listy a{color:white;}.listy{color:white;}.menu-item-49085{background-color:#679ebd;color:#fff;border-radius:50px;border-style:solid;padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}.menu-item-49090{background-color:#679ebd;color:#fff;border-radius:50px;border-style:solid;padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}.menu-item-49145{background-color:#679ebd;color:#fff;border-radius:50px;border-style:solid;padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}.menu-item-49174{background-color:#679ebd;color:#fff;border-radius:50px;border-style:solid;padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}

Video tutorial

2 thoughts on “How to create moving text on a static background image”

Leave a Comment Cancel Reply

Start typing and press enter to search