{"id":282,"date":"2014-10-26T05:56:00","date_gmt":"2014-10-26T05:56:00","guid":{"rendered":"http:\/\/themes.themegoods.com\/altair\/doc\/?p=282"},"modified":"2014-10-26T05:56:22","modified_gmt":"2014-10-26T05:56:22","slug":"parallax-background-effect","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/altair\/doc\/parallax-background-effect\/","title":{"rendered":"Parallax Background Effect"},"content":{"rendered":"<p>Parallax effect is a new trend in web design today. You can add parallax effect to your content using this theme without editing any code. We provide parallax option for <a title=\"Create a Page using Content Builder\" href=\"http:\/\/themes.themegoods.com\/altair\/doc\/create-a-page-using-content-builder\/\">content builder<\/a> modules including text block, blog and testimonials.<\/p>\n<p>When you edit for example text block module. <strong>There are 2 parallax background related options<\/strong>. First you have to upload your background image for this content block. Click on <strong>&#8220;Upload&#8221;<\/strong> button and select one from your current media library or upload it from your computer.<\/p>\n<p><img class=\"alignnone size-full wp-image-283\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot-2557-10-26-at-12.54.47-PM.png\" alt=\"Screen Shot 2557-10-26 at 12.54.47 PM\" width=\"714\" height=\"167\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot-2557-10-26-at-12.54.47-PM.png 714w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot-2557-10-26-at-12.54.47-PM-300x70.png 300w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot-2557-10-26-at-12.54.47-PM-60x14.png 60w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot-2557-10-26-at-12.54.47-PM-150x35.png 150w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/p>\n<p>Next is Background <strong>Parallax Option<\/strong>.<\/p>\n<ul>\n<li><strong>None<\/strong> &#8211; Your background image will be static and cover content area.<\/li>\n<li><strong>Scroll Position<\/strong> &#8211;\u00a0Your background image will response vertically when you scrolling page content.<\/li>\n<\/ul>\n<p>The last one is background size. If you want to zoom in to your background image. You can change <strong>background size option<\/strong>. The more percentage you selected, the zoom in level your background image will be.<\/p>\n<p>Once you finish editing content builder. Click &#8220;Update&#8221; button.<\/p>\n<h4 style=\"color: #111111;\">Parallax Background Image Height<\/h4>\n<p>&nbsp;<\/p>\n<p>By default, if you add parallax background. It&#8217;s height will be calculated on its content. However you can also add fixed height to parallax background to. For example in &#8220;Text Block&#8221; module. There is custom CSS field and you can add <em>height: 500px !important;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parallax effect is a new trend in web design today. You can add parallax effect to your content using this theme without editing any code. We provide parallax option for content builder modules including text block, blog and testimonials. When you edit for example text block module. There are 2 parallax background related options. First [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,5],"tags":[70,71],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts\/282"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/comments?post=282"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts\/282\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/media?parent=282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/categories?post=282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/tags?post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}