Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 5, 2019 at 10:37 am #1134292
    rolfjackson

    In the Enfold church theme: https://kriesi.at/themes/enfold-church/about/
    The text field creates a “paper” like effect where the text field overlaps the background image set in the color section.

    I have created a new page and cannot figure out how to enable this effect. I have spent a long time searching for either page-level, section-level or other places that will allow me to set this property. What happens instead is that there is a section image and below it a full width page with text and other elements (such as widget areas etc). But no way to make them overlap.

    Can you help me with that?

    Regards, Rolf Jackson

    September 6, 2019 at 7:37 am #1134769
    Rikard

    Hey rolfjackson,

    It’s negative margin applied to the element, if you want to see exactly how that page is laid out then you can import the shortcodes for it:

    [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]

    You need to activate debug mode before you can copy the shortcodes to a new page: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

    Best regards,
    Rikard

    September 6, 2019 at 7:47 am #1134777
    rolfjackson

    So in short: There is no easy way to achieve this effect? No setting somewhere?

    The above seems quite complicated.

    Is it possible to copy the existing pages to avoid having to deal with the underlying code?

    September 6, 2019 at 7:47 am #1134778
    rolfjackson

    And thank you for your help :o)

    September 7, 2019 at 7:20 am #1135240
    Rikard

    Hi,

    In short; yes there is. If you add negative margins to the layout element, you will find the options in the element options.

    Best regards,
    Rikard

    September 14, 2019 at 1:49 pm #1138304
    Guenni007

    open the first column in your color-section

    that column on church template is a 1/1 container – you see :
    click to enlarge the image:

    mark that field: “Custom Top and Bottom Margin”
    then there will be new input fields – you can have negative Margins on top – thats it

    September 16, 2019 at 8:44 am #1138697
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.