-
Posts
-
I noticed that there is this content at the bottom of the enfold home page that I have been trying to recreate
. What I’d like to achieve is:
– the full width background image
– icon box elements in three columns on top of this background imageCan you please provide some instructions on how to do this?
Hey team_ubermedia,
If you are trying to re-create it please enable debug mode to copy the page shortcode and easily change the contents.
If you still have any issues please point us to the content on our demos here kriesi.at/themes/enfold-overview/ (PLease close the iframe before sharing the URL)
Best regards,
VinayIt’s av_section_6 of: http://kriesi.at/themes/enfold/.
I can’t seem to find the place to create the full width background with the posts and text that sit on top of the section. I’m waiting for our IT guy to add the information from the link you provided.
Some of the code:
<div id=”av_section_6″ class=”avia-section socket_color avia-section-default avia-no-shadow avia-full-stretch av-parallax-section avia-bg-style-parallax avia-builder-el-47 el_after_av_section el_before_av_section container_wrap fullsize” data-section-bg-repeat=”stretch”><div class=”av-parallax enabled-parallax active-parallax” data-avia-parallax-ratio=”0.3″ style=”top: auto; transform: translate3d(0px, 190px, 0px); height: 687px;”><div class=”av-parallax-inner socket_color avia-full-stretch” style=”background-repeat: no-repeat; background-image: url(http://kriesi.at/themes/enfold/files/2013/04/room.jpg); background-attachment: scroll; background-position: top center; “></div></div><div class=”container”><div class=”template-page content av-content-full alpha units”><div class=”post-entry post-entry-type-page post-entry-734″><div class=”entry-content-wrapper clearfix”>
<section class=”av_textblock_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock ” itemprop=”text”><h2 style=”text-align: center;”>In case you need help</h2>
<p style=”text-align: center;”>Here are several ways to contact us</p>
</div></section>
<div style=”height:30px” class=”hr hr-invisible avia-builder-el-49 el_after_av_textblock el_before_av_one_third “><span class=”hr-inner “><span class=”hr-inner-style”></span></span></div>
<div class=”flex_column av_one_third flex_column_div first avia-builder-el-50 el_after_av_hr el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-51 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Presales Question?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-52 el_after_av_one_third el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-53 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Need Support?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-54 el_after_av_one_third avia-builder-el-last “><article class=”iconbox iconbox_top main_color avia-builder-el-55 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Check Forum</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim juserdiet a, venenatis vitae, justo.<br>
Learn more</p>
</div></div><footer class=”entry-footer”></footer></article></div></div></div></div><!– close content main div –></div></div>
Hi,
Copy and paste the below shortcode in an empty page. Save it and activate the layout builder by clicking on the “Advanced layout builder ” button on the page. This will allow you to easily edit the elements in advanced layout builder.
[av_section color='alternate_color' custom_bg='' src='https://kriesi.at/themes/enfold/files/2013/06/slide3_bg.png' attachment='' position='top left' repeat='stretch' attach='fixed' padding='large' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='59' position='top' title='Free Support'] Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='2' position='top' title='Mobile Ready' link='' linktarget='no'] Cum sociis natoque. Aenean comenean commodo ligmenean commodo ligula eget dolor. Aenean massa. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='36' position='top' title='SEO Optimized'] Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dopiscing elit. [/av_icon_box] [/av_one_third] [/av_section]Best regards,
Vinay
- You must be logged in to reply to this topic.