[av_section min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ bottom_border_diagonal_color=’#333333′ bottom_border_diagonal_direction=’scroll’ bottom_border_style=’scroll’ scroll_down=” id=” color=’main_color’ custom_bg=” src=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ video_mobile_disabled=” overlay_enable=” overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_element_hidden_in_editor=’0′]
[av_heading tag=’h1′ padding=’15’ heading=’Color Section’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
The color section is the most powerful layout element in your arsenal to build unique websites. it allows you to display fullwidth section that contains various elements, and also lets you set the styling of this section by changing background images and color, height, top and bottom border, etc
A color section is a fullwidth element that can not co-exist beside a sidebar. You can however display a sidebar below the last fullwidth element if you want to.
Below are a few color section examples
[/av_textblock]
[/av_section]
[av_section min_height=’custom’ min_height_px=’500px’ padding=’huge’ shadow=’no-border-styling’ bottom_border=’border-extra-diagonal’ bottom_border_diagonal_color=’#ffffff’ bottom_border_diagonal_direction=” bottom_border_style=” id=” color=’main_color’ custom_bg=” src=’https://kamloopsgemshow.com/wp-content/uploads/2015/07/business-office-work.jpg’ attachment=’480′ attachment_size=’full’ attach=’fixed’ position=’center center’ repeat=’stretch’ video=” video_ratio=’16:9′ overlay_enable=’aviaTBoverlay_enable’ overlay_opacity=’0.7′ overlay_color=’#000000′ overlay_pattern=” overlay_custom_pattern=” av_element_hidden_in_editor=’0′]
[av_heading heading=’This is a color section with fixed background and slanted border’ tag=’h1′ style=’blockquote modern-quote modern-centered’ size=’40’ subheading_active=” subheading_size=’15’ padding=’0′ color=’custom-color-heading’ custom_font=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’][/av_heading]
[/av_section]
[av_section min_height=’25’ min_height_px=’500px’ padding=’huge’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ bottom_border_diagonal_color=’#333333′ bottom_border_diagonal_direction=” bottom_border_style=” id=” color=’main_color’ custom_bg=’#ffffff’ src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_element_hidden_in_editor=’0′]
[av_heading heading=’This is a color section with solid background’ tag=’h1′ style=’blockquote modern-quote modern-centered’ size=’40’ subheading_active=” subheading_size=’15’ padding=’0′ color=” custom_font=’#ffffff’ admin_preview_bg=’rgb(255, 255, 255)’][/av_heading]
[/av_section]
[av_section min_height=” min_height_px=’500px’ padding=’huge’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=” color=’alternate_color’ custom_bg=” src=’https://kriesi.at/themes/enfold-gym/files/2016/02/hero-2.jpg’ attachment=’549′ attachment_size=’full’ attach=’fixed’ position=’center center’ repeat=’stretch’ video=’https://www.youtube.com/watch?v=oXdzvMLiE7Q’ video_ratio=’16:9′ video_mobile_disabled=’aviaTBvideo_mobile_disabled’ overlay_enable=’aviaTBoverlay_enable’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_pattern=” overlay_custom_pattern=”]
[av_heading tag=’h1′ padding=’0′ heading=’This is a color section with background video and some content elements’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=’rgb(34, 34, 34)’][/av_heading]
[av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[/av_one_fifth][av_three_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_textblock size=” font_color=” color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum spellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]
[/av_three_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[/av_one_fifth][av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_font_icon icon=’ue822′ font=’entypo-fontello’ style=’border’ caption=’Lorem Ipsum’ link=” linktarget=” size=’40px’ position=’center’ color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]
[/av_one_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_font_icon icon=’ue80e’ font=’entypo-fontello’ style=’border’ caption=’Multi Media’ link=” linktarget=” size=’40px’ position=’center’ color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]
[/av_one_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_font_icon icon=’ue82f’ font=’entypo-fontello’ style=’border’ caption=’Cloud Based’ link=” linktarget=” size=’40px’ position=’center’ color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]
[/av_one_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_font_icon icon=’ue826′ font=’entypo-fontello’ style=’border’ caption=’Big Brother’ link=” linktarget=” size=’40px’ position=’center’ color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]
[/av_one_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_font_icon icon=’ue863′ font=’entypo-fontello’ style=’border’ caption=’Time is up’ link=” linktarget=” size=’40px’ position=’center’ color=” admin_preview_bg=”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]
[/av_one_fifth][/av_section]