Zum Inhalt springen

Color Section

[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://lauradamrat.com/wp-content/uploads/2015/07/business-office-work-1.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]

Cookie-Einstellung

Bitte treffen Sie eine Auswahl. Weitere Informationen zu den Auswirkungen Ihrer Auswahl finden Sie unter Hilfe.

Treffen Sie eine Auswahl um fortzufahren

Ihre Auswahl wurde gespeichert!

Hilfe

Hilfe

Um fortfahren zu können, müssen Sie eine Cookie-Auswahl treffen. Nachfolgend erhalten Sie eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Alle Cookies zulassen:
    Jedes Cookie wie z.B. Tracking- und Analytische-Cookies.
  • Nur First-Party-Cookies zulassen:
    Nur Cookies von dieser Webseite.
  • Keine Cookies zulassen:
    Es werden keine Cookies gesetzt, es sei denn, es handelt sich um technisch notwendige Cookies.

Sie können Ihre Cookie-Einstellung jederzeit hier ändern: Datenschutz. Impressum

Zurück