-
AuthorPosts
-
June 12, 2017 at 6:11 am #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
June 12, 2017 at 12:18 pm #806835Hey 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 -
AuthorPosts
- You must be logged in to reply to this topic.