{"id":6709,"date":"2018-04-15T03:00:57","date_gmt":"2018-04-14T18:00:57","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=6709"},"modified":"2018-05-24T00:23:54","modified_gmt":"2018-05-24T00:23:54","slug":"example-color-section-with-different-background-on-mobile","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/example-color-section-with-different-background-on-mobile\/","title":{"rendered":"Example &#8211; Color section with different background on mobile"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-40a479-5395f004eb79219ca6030ef13dd7b916\">\n.avia-section.av-40a479-5395f004eb79219ca6030ef13dd7b916{\nbackground-repeat:no-repeat;\nbackground-image:url(https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/05\/freelance-copywriter-working-on-his-silver-laptop_free_stock_photos_picjumbo_DSC06834_free_stock_photos_picjumbo_com-2210x1473.jpg);\nbackground-position:0% 0%;\nbackground-attachment:scroll;\n}\n.avia-section.av-40a479-5395f004eb79219ca6030ef13dd7b916 .av-section-color-overlay{\nopacity:0.7;\nbackground-color:#000000;\n}\n<\/style>\n<div id='color-section-mobile-bg'  class='avia-section av-40a479-5395f004eb79219ca6030ef13dd7b916 main_color avia-section-default avia-no-shadow  avia-builder-el-0  avia-builder-el-no-sibling  avia-full-stretch avia-bg-style-scroll av-section-color-overlay-active av-minimum-height av-minimum-height-100 av-height-100  container_wrap sidebar_left'  data-section-bg-repeat='stretch' data-av_minimum_height_pc='100' data-av_min_height_opt='100'><div class=\"av-section-color-overlay-wrap\"><div class=\"av-section-color-overlay\"><\/div><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-small units'><div class='post-entry post-entry-type-page post-entry-6709'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-80587188392b7c42434c8bcad04b43aa\">\n#top .av-special-heading.av-av_heading-80587188392b7c42434c8bcad04b43aa{\npadding-bottom:10px;\ncolor:#ffffff;\n}\nbody .av-special-heading.av-av_heading-80587188392b7c42434c8bcad04b43aa .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-80587188392b7c42434c8bcad04b43aa .special-heading-inner-border{\nborder-color:#ffffff;\n}\n.av-special-heading.av-av_heading-80587188392b7c42434c8bcad04b43aa .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-80587188392b7c42434c8bcad04b43aa av-special-heading-h2 custom-color-heading blockquote modern-quote modern-centered  avia-builder-el-1  el_before_av_textblock  avia-builder-el-first  lower-case-htag'><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Hey Look! I have a different background image on mobile<\/h2><div class='av_custom_color av-subheading av-subheading_below'><p>Resize the window or check this page on mobile to see the background image change.<\/p>\n<\/div><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-jhjso4so-b996912e2bbcc47813882af88f409102 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p style=\"text-align: center;\"><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/color-section\/#different-color-section-background-image-in-mobile\">Back to the article<\/a><\/p>\n<\/div><\/section>\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div><\/div><div id='after_section_1'  class='main_color av_default_container_wrap container_wrap sidebar_left'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small units'><div class='post-entry post-entry-type-page post-entry-6709'><div class='entry-content-wrapper clearfix'>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[11],"tags":[],"class_list":["post-6709","post","type-post","status-publish","format-standard","hentry","category-example-post","example-post"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/6709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=6709"}],"version-history":[{"count":3,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/6709\/revisions"}],"predecessor-version":[{"id":9002,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/6709\/revisions\/9002"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=6709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=6709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=6709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}