{"version":"0.4","title":"Elementor Change Section Background Image on 3 Column Hover","type":"section","content":[{"id":"341ee6a1","settings":{"layout":"full_width","gap":"no","height":"min-height","custom_height":{"unit":"vh","size":100,"sizes":[]},"column_position":"stretch","content_position":"middle","structure":"30","background_background":"classic","background_image":{"url":"https:\/\/elementorcodes.com\/wp-content\/uploads\/2020\/06\/business-1209705_1280.jpg","id":17750},"background_position":"center center","background_repeat":"no-repeat","background_size":"cover","margin":{"unit":"px","top":"","right":0,"bottom":"","left":0,"isLinked":false},"padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":false},"css_classes":"sectionchanger","overflow":"hidden","background_hover_background":"classic","background_hover_color":"#FFFFFF","background_hover_image":{"url":"https:\/\/elementorcodes.com\/wp-content\/uploads\/2020\/07\/pixel.png","id":18849},"background_hover_position":"center center","background_hover_repeat":"no-repeat","background_hover_bg_width":{"unit":"px","size":3,"sizes":[]},"custom_css":"@media (min-width: 1025px){\n \n.sectionchanger .elementor-column:nth-of-type(1)::after{\n left: 0;\n background-image: url('https:\/\/elementorcodes.com\/wp-content\/uploads\/2020\/06\/computer-768696_1280.jpg');\n}\n.sectionchanger .elementor-column:nth-of-type(2)::after{\n left: calc(100vw\/-3);\n background-image: url('https:\/\/elementorcodes.com\/wp-content\/uploads\/2020\/03\/9.jpg');\n}\n.sectionchanger .elementor-column:nth-of-type(3)::after{\n left: calc((100vw\/-3) *2);\n background-image: url('https:\/\/elementorcodes.com\/wp-content\/uploads\/2020\/03\/4.jpg');\n}\n\n .sectionchanger .elementor-column .elementor-element{\n z-index: 9;\n }\n .sectionchanger .elementor-column .hovershow{\n opacity: 0;\n }\n .sectionchanger .showbydefault{\n opacity: 1;\n }\n\n .sectionchanger .showbydefault, .sectionchanger .hovershow{\n transform: translateY(40px);\n transition: transform 0.44s ease, opacity 0.44s ease;\n }\n .sectionchanger .elementor-column:hover .elementor-element{\n opacity: 1;\n transform: translateY(0);\n }\n.sectionchanger .elementor-column::before{\n position: absolute;\n content:'';\n height: 100%;\n width: 100%;\n z-index: 7;\n pointer-events: none;\n opacity: 0.59;\n background-color: white;\n }\n.sectionchanger .elementor-column::after{\n position: absolute;\n content:'';\n height: 100%;\n width: 100vw;\n top:0;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n z-index: 4;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.44s;\n }\n.sectionchanger .elementor-column:hover::after{\n opacity: 1;\n }\n}\n.sectionchanger .elementor-column::before{\n position: absolute;\n content:'';\n height: 100%;\n width: 100%;\n opacity: 0.59;\n background-color: white;\n }"},"elements":[{"id":"1acdd626","settings":{"_column_size":33,"_inline_size":null,"background_background":"classic","margin_mobile":{"unit":"px","top":"76","right":"0","bottom":"96","left":"0","isLinked":false}},"elements":[{"id":"358c4dcb","settings":{"selected_icon":{"value":"fab fa-css3","library":"fa-brands"},"primary_color":"#494949","size":{"unit":"px","size":71,"sizes":[]},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"icon","elType":"widget"},{"id":"47e944c0","settings":{"title":"CSS Education","align":"center","title_color":"#494949","_padding":{"unit":"px","top":"18","right":"0","bottom":"0","left":"0","isLinked":false},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"52063482","settings":{"editor":"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tel, luc ec ullamcorper mattis, pulvinar dapibeo.<\/p>","align":"center","_padding":{"unit":"px","top":"30","right":"30","bottom":"0","left":"30","isLinked":false},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"526e89e7","settings":{"text":"Learn More","link":{"url":"https:\/\/elementorcodes.com\/","is_external":"","nofollow":"","custom_attributes":""},"align":"center","typography_typography":"custom","typography_letter_spacing":{"unit":"px","size":0.90000000000000002220446049250313080847263336181640625,"sizes":[]},"button_text_color":"#FFFFFF","background_color":"#000000","border_radius":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"457094d6","settings":{"_column_size":33,"_inline_size":null,"background_background":"classic","margin_mobile":{"unit":"px","top":"76","right":"0","bottom":"96","left":"0","isLinked":false}},"elements":[{"id":"774f6a55","settings":{"selected_icon":{"value":"fas fa-search","library":"fa-solid"},"primary_color":"#494949","size":{"unit":"px","size":71,"sizes":[]},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"icon","elType":"widget"},{"id":"48f84b79","settings":{"title":"SEO Training","align":"center","title_color":"#494949","_padding":{"unit":"px","top":"18","right":"0","bottom":"0","left":"0","isLinked":false},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"a456a80","settings":{"editor":"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tel, luc ec ullamcorper mattis, pulvinar dapibeo.<\/p>","align":"center","_padding":{"unit":"px","top":"30","right":"30","bottom":"0","left":"30","isLinked":false},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"551078c1","settings":{"text":"Learn More","link":{"url":"https:\/\/elementorcodes.com\/","is_external":"","nofollow":"","custom_attributes":""},"align":"center","typography_typography":"custom","typography_letter_spacing":{"unit":"px","size":0.90000000000000002220446049250313080847263336181640625,"sizes":[]},"button_text_color":"#FFFFFF","background_color":"#000000","border_radius":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"6c5f6ab3","settings":{"_column_size":33,"_inline_size":null,"background_background":"classic","margin_mobile":{"unit":"px","top":"76","right":"0","bottom":"96","left":"0","isLinked":false}},"elements":[{"id":"636ab6b3","settings":{"selected_icon":{"value":"fas fa-bookmark","library":"fa-solid"},"primary_color":"#494949","size":{"unit":"px","size":71,"sizes":[]},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"icon","elType":"widget"},{"id":"69188511","settings":{"title":"Online Courses","align":"center","title_color":"#494949","_padding":{"unit":"px","top":"18","right":"0","bottom":"0","left":"0","isLinked":false},"_css_classes":"showbydefault"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"118569e8","settings":{"editor":"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tel, luc ec ullamcorper mattis, pulvinar dapibeo.<\/p>","align":"center","_padding":{"unit":"px","top":"30","right":"30","bottom":"0","left":"30","isLinked":false},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"5d317586","settings":{"text":"Learn More","link":{"url":"https:\/\/elementorcodes.com\/","is_external":"","nofollow":"","custom_attributes":""},"align":"center","typography_typography":"custom","typography_letter_spacing":{"unit":"px","size":0.90000000000000002220446049250313080847263336181640625,"sizes":[]},"button_text_color":"#FFFFFF","background_color":"#000000","border_radius":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_css_classes":"hovershow"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"}],"page_settings":{"location":""}}