Color section with content overlap

Hi @trentscott,

I think that should be possible, did you try setting a high z-index value to the element you want on top of the slider?

z-index:10000 !important;

Best regards,
Rikard

Hi alinademi,

Here you go:

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/church/wp-content/uploads/sites/5/2014/08/saint-pauls-cathedral-m.jpg' attachment='364' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.2' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-ddr1w']
[av_heading heading='About Us' tag='h3' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' av_uid='av-ct2x0']
Every successful individual knows that his or her achievement depends on a community of persons working together.
[/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='20%' custom_border_color='rgba(255,255,255,0.76)' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#ffffff' icon='ue8bf' font='entypo-fontello' av_uid='av-c9e74']
[/av_section]

[av_section min_height='' min_height_px='500px' padding='small' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='fixed' position='bottom center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-bu9lk']

[av_two_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-60px,0px' padding='30px' padding_sync='true' border='' border_color='#e1e1e1' radius='0px' radius_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' av_uid='av-b2hr4']

[av_heading tag='h3' padding='0' heading='About Us' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-ao304'][/av_heading]

[av_textblock size='18' font_color='' color='' av_uid='av-9luow']
Lorem ipsum dol commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur ridiculus mus.
[/av_textblock]

[av_hr class='custom' height='-30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='45%' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue8bf' font='entypo-fontello' av_uid='av-98wkc']

[av_textblock size='' font_color='' color='' av_uid='av-8kuqw']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur ridiculus mus.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
[/av_textblock]

[av_hr class='custom' height='-30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='45%' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue8bf' font='entypo-fontello' av_uid='av-7y7xk']

[av_slideshow size='entry_with_sidebar' animation='slide' autoplay='true' interval='3' control_layout='av-control-minimal' av_uid='av-qbg8']
[av_slide id='332' slide_type='' video='http://' mobile_image='' video_ratio='16:9' video_controls='' video_mute='' video_loop='' video_autoplay='' title='' link_apply='' link='' link_target='' av_uid='av-6nt94'][/av_slide]
[av_slide id='331' slide_type='' video='http://' mobile_image='' video_ratio='16:9' video_controls='' video_mute='' video_loop='' video_autoplay='' title='' link_apply='' link='' link_target='' av_uid='av-61utk'][/av_slide]
[av_slide id='333' slide_type='' video='http://' mobile_image='' video_ratio='16:9' video_controls='' video_mute='' video_loop='' video_autoplay='' title='' link_apply='' link='' link_target='' av_uid='av-5j2qo'][/av_slide]
[/av_slideshow]

[av_textblock size='' font_color='' color='' av_uid='av-5662w']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur ridiculus mus.
<ul>
<li>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</li>
<li>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</li>
<li>Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</li>
<li>Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</li>
<li>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</li>
<li>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</li>
</ul>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[av_hr class='custom' height='-30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='45%' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue8bf' font='entypo-fontello' av_uid='av-foqg']

[/av_two_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-60px,0px' padding='30px' padding_sync='true' border='' border_color='#e1e1e1' radius='0px' radius_sync='true' background_color='#f0f0f0' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' av_uid='av-3s1dg']

[av_sidebar widget_area='Footer - column4' av_uid='av-36v9c']

[av_textblock size='' font_color='' color='' av_uid='av-2mqq0']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur ridiculus mus.
[/av_textblock]

[av_hr class='custom' height='-30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='45%' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue8bf' font='entypo-fontello' av_uid='av-7t0k']

[av_animated_numbers number='34.200' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='' custom_color='#444444' av_uid='av-1jjuc']
Community Members
[/av_animated_numbers]

[av_hr class='custom' height='-30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='45%' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue8bf' font='entypo-fontello' av_uid='av-38fk']

[/av_one_third][/av_section]

Best regards,
Rikard

Hi alinademi,

Great, glad we could help out with the shortcode.

About the buttons on the front page of kriesi.at; this is custom work and not something which is part of any of our themes. We are not willing to share the code of that layout unfortunately.

Best regards,
Rikard