Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #806713

    Hi. Love the Enfold theme and the great support you provide.

    I was looking at the Medical Demo. About halfway down the page there is a two-column layout with a photo of a building on the left and a blue box on the right that says “Visit Enfold Medical…”

    I have been trying to recreate this look, but when I try a two-column layout, my boxes do not extend to the edge of the browser window. How can you recreate this look without installing the medical demo?

    Thanks.

    Trent

    #806835

    Hey trentscott,

    That is a gridrow element if you want to try it out yourself, if not then you can active debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Then you can paste this shortcode to a new page to see how it’s done:

    [av_slideshow_full size='featured_large' stretch='' animation='fade' autoplay='false' interval='6' control_layout='av-control-minimal' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll']
    [av_slide_full slide_type='image' id='828' video='' mobile_image='' video_format='' video_ratio='' title='Welcome to Enfold Medical' custom_title_size='44' custom_content_size='20' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='theme-color' link1='page,950' link_target1='' button_label2='Make an appointment' button_color2='theme-color-subtle' link2='page,950' link_target2='' font_color='custom' custom_title='#444444' custom_content='#888888' overlay_opacity='0.4' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='']
    By far the best place to receive fast and professional medical services
    [/av_slide_full]
    [av_slide_full slide_type='image' id='856' video='' mobile_image='' video_format='' video_ratio='' title='Profesional Research' custom_title_size='44' custom_content_size='20' caption_pos='caption_right' link_apply='button' link='lightbox' link_target='' button_label='Learn more' button_color='theme-color' link1='page,515' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#444444' custom_content='#888888' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='' video_controls='' video_mute='' video_loop='' video_autoplay='' overlay_enable='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    [/av_slide_full]
    [/av_slideshow_full]
    
    [av_layout_row border='' min_height='0' color='main_color' mobile='av-fixed-cells' id='']
    [av_cell_one_half vertical_align='top' padding='9px,0px,0px,0px' background_color='#2388c2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='9px,0px,0px,0px' background_color='#5fb4e4' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' 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_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#2388c2' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf111' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Departments</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Show all departments' link='page,961' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#379cd6' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf10e' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Medical Services</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Service Overview' link='page,952' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#5fb4e4' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf113' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Research</h4>
    <p style="text-align: center;">Cras dapibus. Vivamus elementum semper. Aenean vulputate tellus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Learn more' link='page,957' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_one_half first]
    
    [av_icon_box position='left_content' boxed='' icon='uf107' font='medical' title='Easy Appointments' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_icon_box]
    
    [/av_one_half][av_one_half 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='']
    
    [av_icon_box position='left_content' boxed='' icon='uf124' font='medical' title='Top Equipment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
    Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    [/av_icon_box]
    
    [/av_one_half][av_one_half 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_icon_box position='left_content' boxed='' icon='uf110' font='medical' title='Vaccination' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
    [/av_icon_box]
    
    [/av_one_half][av_one_half 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_icon_box position='left_content' boxed='' icon='uf12e' font='medical' title='Regular checks' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_icon_box]
    
    [/av_one_half][av_hr class='custom' height='80' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#40a8e4' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top']
    
    [av_heading tag='h3' padding='20' heading='A few words about us' color='' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
    Let us introduce ourselves
    [/av_heading]
    
    [av_textblock size='' font_color='' color='']
    Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condic pellentesque. Curae; Fusce id purus. <strong>Ut varius tincidunt</strong> libero.
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top']
    
    [av_heading tag='h3' padding='20' heading='Aenean leo ligr eu quat' color='' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
    How it all came to be...
    [/av_heading]
    
    [av_textblock size='' font_color='' color='']
    Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis.
    [/av_textblock]
    
    [/av_one_half]
    [/av_section]
    
    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
    [av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#2388c2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
    
    [av_animated_numbers number='25 Million $' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
    Research Budget
    [/av_animated_numbers]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#379cd6' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
    
    [av_animated_numbers number='255.000' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
    Patients healed
    [/av_animated_numbers]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#5fb4e4' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
    
    [av_animated_numbers number='212 Doctors' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
    working for you
    [/av_animated_numbers]
    
    [/av_cell_one_fourth][av_cell_one_fourth vertical_align='middle' padding='80px,50px,80px,50px' background_color='#80c7ef' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
    
    [av_animated_numbers number='125 Years' icon_select='no' icon='ue800' font='entypo-fontello' font_size='34' font_size_description='20' link='' linktarget='no' color='font-custom' custom_color='#ffffff']
    of experience
    [/av_animated_numbers]
    
    [/av_cell_one_fourth]
    [/av_layout_row]
    
    [av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='']
    [av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='#22689e' src='https://test.kriesi.at/enfold-medical/wp-content/uploads/sites/22/2016/02/hospital.jpg' attachment='863' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='80px' padding_sync='true' background_color='#22689e' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']
    
    [av_heading tag='h3' padding='25' heading='Visit Enfold Medical' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
    No better place to get you healthy again
    [/av_heading]
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    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.
    [/av_textblock]
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' 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_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#2388c2' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf107' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Appointments</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Get in touch' link='page,954' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#379cd6' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf100' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Drug Store</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Shop online' link='page,954' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='40px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#5fb4e4' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
    
    [av_font_icon icon='uf121' font='medical' style='' caption='' link='' linktarget='' size='60px' position='center' color='#ffffff'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_textblock size='' font_color='custom' color='#ffffff']
    <h4 style="text-align: center;">Dental check</h4>
    <p style="text-align: center;">Cras dapibus. Vivamus elementum semper. Aenean vulputate tellus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='8' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_button label='Learn more' link='page,961' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']
    
    [/av_one_third][av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top']
    
    [av_heading tag='h3' padding='20' heading='Latest News' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='34' subheading_active='subheading_above' subheading_size='15' custom_class='']
    Stay up to date
    [/av_heading]
    
    [av_postslider link='category,14' columns='3' items='6' offset='0' contents='excerpt' preview_mode='auto' image_size='portfolio' autoplay='yes' interval='5']
    
    [/av_one_full][/av_section]

    Best regards,
    Rikard

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