Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
Hi,
On the live demo of the Enfold 2017 I can see that I should be able to have a picture exceed the edge of the area to where it has been placed. I have tried to investigate on both your demo site and some of the users sites on how it’s done. Unfortunately I can’t seem to see how it’s done. Where can I find a guide on how to make such a picture incl.:– required picture dimensions
– what AVIA element to use
– what AVIA element settings to use (disregard the mobile settings).FYI, the inspection code I can find for the element is: “flex_cell no_margin av_one_half avia-builder-el-22 el_after_av_cell_one_half avia-builder-el-last av-hide-on-mobile”–> which element is this?
Can you help?
Hey Thomas,
The image is set as the background of a grid row cell, when the image is picked it is set as “full-size” attachment, which is 1200px square.
To see the settings, Enable Avia Layout Builder Debuger and add this shortcode into the debug window on a new page:[av_layout_row border='' min_height_percent='' min_height='' color='main_color' mobile='av-flex-cells' id='Best Rated' av_element_hidden_in_editor='0' av_uid='av-web4fa'] [av_cell_one_half vertical_align='middle' padding='150px,0px,150px,150px' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-w7grli'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' 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='left-to-right' mobile_display='' av_uid='av-w2cptq'] [av_heading tag='h1' padding='20' heading='More than 100.000 users and the best rating on Themeforest' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='' av_uid='av-a1lwm'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vq7lpq'] [av_textblock size='' font_color='' color='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-vimjgu'] Enfold is the best rated top seller on <a href="https://themeforest.net/?ref=Kriesi" target="_blank">Themeforest</a>. There is no other theme with that many sales that has an average rating of 4.85. Heck, you will be hard pressed to find <strong>ANY</strong> product on the web with that many sales and a rating that good ;) [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vcpmce'] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v8q3oe'][/av_font_icon] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v0ckqm'][/av_font_icon] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uses5q'][/av_font_icon] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uqms5a'][/av_font_icon] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-ugrfpi'][/av_font_icon] [av_hr class='invisible' height='42' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uf3una'] [av_button label='Get it now' link='manually,http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?license=regular&open_purchase_for_item_id=4519990&purchasable=source&ref=Kriesi' link_target='' size='large' position='left' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue859' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-u6k5hi'] [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='500px,0px,500px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='https://127.0.0.1/2017demo1/wp-content/uploads/2017/01/mockup-3.png' attachment='298' attachment_size='full' background_attachment='scroll' background_position='bottom left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' av_uid='av-u1r53a' custom_class='linkcell'] [/av_cell_one_half] [/av_layout_row]You won’t get the images too, but you can download them from the live demo you linked to.
Best regards,
Mike
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.