Creating Pages Like the Demo?

Hi hypergolica!

For the hotspots: http://kriesi.at/documentation/enfold/creating-images-with-hotspots/

The transparent header I’ve not done a tutorial for but if you go to any page and edit it, there is a meta box option the right hand side for the header style. One of those is the transparent/glass style.

In the header configurator (http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/) you can set up the other logo which will show when you have the transparent option set on a page.

Regards,
Devin

The reason we don’t have a how-to for every page on the demo is because the dummy data that can be imported from the theme options already includes all of the home pages. So when you import it in, you get that page fully created for you.

If you turn on the debug field for the ALB you could paste in the raw shortcode data on a new page which would prepopulate the layout editor with the elements that are on that page. Here is the raw data for that:

[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Once the user scrolls down the header color will change
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe.
[/av_fullscreen_slide]
[/av_fullscreen]

[av_one_fourth first]
[av_icon_box icon='59' position='left' title='Free Support']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='2' position='left' title='Mobile Ready']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='125' position='left' title='Updates']
Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='36' position='left' title='SEO Optimized']
Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id='']
[av_one_third first]

[av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement='']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement='']
Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement='']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]

[/av_one_third]
[/av_section]

[av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id='']
[av_one_fourth first]

[av_textblock]
<h6>Recent News</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth][av_hr class='default' height='50' position='center']

[av_one_fourth first]

[av_textblock]
<h6>Recent Work</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth]
[/av_section]

[av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio']
[av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/av_heading]

[av_one_fifth first]

[av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center']
<ol>
<li>Super nice Parallax</li>
<li>Optimized for Speed</li>
<li>Brilliant Template Builder</li>
<li>Easy to use</li>
<li>Set up in 2 minutes</li>
</ol>
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Far from! Probably the easiest Multipurpose theme you have ever used!
[/av_font_icon]

[/av_one_fifth]
[/av_section]