-
Posts
-
There are so many fun effects in the Enfold demo that I would love to be able to create on my own site.
The demo doesn’t seem to let me link to sub-pages on the demo, but on the http://kriesi.at/themedemo/?theme=enfold-overview menu “pages” then “meet the team” there is a cool banner that says “The office” that has a background image that you see through the window of this box as you scroll….
So cool.How is that done?
I am a newbie with Enfold but my understanding is if I import demo pages it will change my whole site and all my other pages, so don’t want to do that.
Thanks for your help!
RobHi Rob,
You linked to the overview page so I’m not sure what you are referring to, could click Remove Frame in the top right hand corner of the screen and then got to the page and copy the URL and paste it in your reply please?
Best regards,
RikardHi!
I think you want to add the parallax effect where the image kind of move when the page is scrolled.
Please check http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
Add a Color Section element to your page from Advanced Layout Builder and then insert a background image to it and choose “Parallax” as “Background Attachment”
Regards,
Vinay KashyapHere is the link to the demo team page
i am referring to the full width banner about halfway down the page with “The Office” as a headline… and as you scroll, the photo contained in that banner also scrolls inside the box. The effect is like looking through a window at a picture…and as your scroll the window, you see different parts of the picture.
It is a cool effect.
I actually see many cool effects on the demo pages I would love to replicate on my site… how can I see those demo pages layouts without importing them? My understanding is if I import them it breaks all my customization on my live site.
Thanks!!!
Hi,
I think the easiest way for you to get these functions is to import the whole page so that you can check it out and play around with it. If you activate debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/. You can then paste the following code to a new page:
[av_textblock] <h2 style="text-align: center;">Learn about our Team and Culture</h2> <p style="text-align: center;">We are a team of dedicated professionals, ready to do what ever it takes to make your business grow</p> [/av_textblock] [av_hr class='short' height='50' shadow='no-shadow' position='center'] [av_one_half first] [av_team_member name='Max Mac Man' job='Co-Founder / CEO' src='http://kriesi.at/themes/enfold/files/2013/04/team-5.jpg' attachment='' description='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_team_icon title='Max on Behance' link='http://www.behance.net/' link_target='' icon='246'] [av_team_icon title='Max on Facebook' link='http://www.facebook.com/' link_target='' icon='214'] [av_team_icon title='All Blog Posts by Max' link='http://kriesi.at/themes/enfold/author/kriesi/' link_target='' icon='6'] [/av_team_member] [/av_one_half] [av_one_half] [av_team_member name='Alex Andrews' job='Co-Founder / CTO' src='http://kriesi.at/themes/enfold/files/2013/04/team-8.jpg' description='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_team_icon title='Alex on Behance' link='http://www.behance.net/' link_target='' icon='246'] [av_team_icon title='Alex on Facebook' link='http://www.facebook.com/' link_target='' icon='214'] [av_team_icon title='Alex on Twitter' link='http://www.twitter.com/' link_target='' icon='210'] [av_team_icon title='Alex on Google Plus' link='http://plus.google.com/' link_target='' icon='215'] [/av_team_member] [/av_one_half] [av_promobox button='yes' label='Contact Enfold' link='manually,#' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='5'] Welcome! This is our dedicated Team. Did we say that we would love to work with you? So dont be shy, get in touch! [/av_promobox] [av_one_third first] [av_team_member name='Frank Furious' job='Art Director' src='http://kriesi.at/themes/enfold/files/2013/04/team-2-300x300.jpg' description='Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <strong>Lorem ipsum dolor</strong> sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. '] [av_team_icon title='Frank on LinkedIn' link='http://www.linkedin.com/' link_target='' icon='221'] [av_team_icon title='Frank on Facebook' link='http://www.facebook.com/' link_target='' icon='214'] [/av_team_member] [/av_one_third] [av_one_third] [av_team_member name='Kara Kulis' job='Marketing & Sales' src='http://kriesi.at/themes/enfold/files/2013/04/team-3-300x300.jpg' description='Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. '] [av_team_icon title='kara on LinkedIn' link='http://www.linkedin.com/' link_target='' icon='221'] [av_team_icon title='Kara on Google Plus' link='http://plus.google.com/' link_target='' icon='215'] [/av_team_member] [/av_one_third][av_one_third] [av_team_member name='Andrea Arkov' job='Public Relations' src='http://kriesi.at/themes/enfold/files/2013/04/team-7-300x300.jpg' description='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_team_member] [/av_one_third][av_one_third first] [av_team_member name='Harold Houdini' job='Design' src='http://kriesi.at/themes/enfold/files/2013/04/team-4-300x300.jpg' description='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_team_icon title='Harold on Twitter' link='http://www.twitter.com/' link_target='' icon='210'] [av_team_icon title='Harold on Dribbble' link='http://www.dribbble.com/' link_target='' icon='223'] [/av_team_member] [/av_one_third] [av_one_third] [av_team_member name='Harra Halloy' job='Development' src='http://kriesi.at/themes/enfold/files/2013/04/team-9-300x300.jpg' description='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_team_icon title='Harra on Github' link='' link_target='' icon='204'] [/av_team_member] [/av_one_third] [av_one_third] [av_team_member name='Christian Cilinis' job='Development' src='http://kriesi.at/themes/enfold/files/2013/04/team-6-300x300.jpg' description='Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. '] [av_team_icon title='Chris on Github' link='' link_target='' icon='204'] [/av_team_member] [/av_one_third] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1011301-city-skyline-m1.jpg' position='center center' repeat='stretch' attach='fixed' padding='large' shadow='no-shadow'] [av_textblock ] <h2 style="text-align: center;">The Office</h2> <p style="text-align: center;">We recently moved the team to New York. Here is how it looks like if you work with us</p> [/av_textblock] [/av_section] [av_textblock] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient <strong>montes</strong>, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_one_half first] [av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1544662-interior-m-495x400.jpg' align='center' animation='left-to-right'] [/av_one_half] [av_one_half] [av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-654147-presentation-m-495x400.jpg' align='center' animation='right-to-left'] [/av_one_half] [av_one_third first] [av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1524046-modern-office-m-300x200.jpg' align='center' animation='left-to-right'] [/av_one_third] [av_one_third] [av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-215555-modern-interior-l-300x200.jpg' align='center' animation='bottom-to-top'] [/av_one_third] [av_one_third] [av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-757323-living-room-m-300x200.jpg' align='center' animation='right-to-left'] [/av_one_third]Best regards,
RikardPS – now that I can see it, it’s so clear and easy.. wow.
Is there a way to see other demo pages code like this without changing things on my site / losing my site customization?
This is great!!
Thank you
Hi!
You can setup a staging site and import the demos there and then whichever page you like copy the short code from the demo and create a new page on your live site paste it there and fill in the contents.
Hope this helps if you need any help please feel free to get in touch with us.
Regards,
Vinay KashyapNoted, will just use my staging site.
A suggestion for those without staging sites would be to create an area on your website where people can cut and paste the code as I did with the above that Rikard posted.
Thanks
Hi!
Yes I too think it’s a nice idea… If enfold users are able to copy the page shortcodes online. Please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/
Best regards,
Vinay Kashyap
- You must be logged in to reply to this topic.