Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #27187

    Hi

    I would like to know how to make the effect of type with background image like this page:

    Pages – Meet the Team

    The words are:

    THE OFFICE

    we recently moved the team to New York. Here is how it looks like if you work with us.

    The background: image of a city.

    thanks

    #133092

    I forgot to mention that i would like the same effect: the images moves when we scroll, thanks

    #133093

    Kriesi used following code to build the 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='CTO' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='' link_target='' icon='246']
    [av_team_icon title='Max on Facebook' link='' link_target='' icon='214']
    [/av_team_member]
    [/av_one_half]

    [av_one_half]
    [av_team_member name='Max Mac Man' job='CTO' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='' link_target='' icon='246']
    [av_team_icon title='Max on Facebook' link='' link_target='' icon='214']
    [/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='Max Mac Man' job='CTO' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='' link_target='' icon='246']
    [av_team_icon title='Max on Facebook' link='' link_target='' icon='214']
    [/av_team_member]
    [/av_one_third]

    [av_one_third]
    [av_team_member name='King Cul' job='Marketing & Sales' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='King on LinkedIn' link='' link_target='' icon='221']
    [av_team_icon title='King on Github' link='' link_target='' icon='204']
    [/av_team_member]
    [/av_one_third]

    [av_one_third]
    [av_team_member name='Max Mac Man' job='CTO' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='' link_target='' icon='246']
    [av_team_icon title='Max on Facebook' link='' link_target='' icon='214']
    [/av_team_member]
    [/av_one_third]

    [av_one_third first]
    [av_team_member name='Harra Halloy' job='Marketing & Sales' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='King on LinkedIn' link='' link_target='' icon='221']
    [av_team_icon title='King on Github' link='' link_target='' icon='204']
    [/av_team_member]
    [/av_one_third]

    [av_one_third]
    [av_team_member name='Harra Halloy' job='Marketing & Sales' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='King on LinkedIn' link='' link_target='' icon='221']
    [av_team_icon title='King on Github' link='' link_target='' icon='204']
    [/av_team_member]
    [/av_one_third]

    [av_one_third]
    [av_team_member name='Harra Halloy' job='Marketing & Sales' src='http://dummyimage.com/600x400/000/fff&text=Pic' 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='King on LinkedIn' link='' link_target='' icon='221']
    [av_team_icon title='King on Github' link='' link_target='' icon='204']
    [/av_team_member]
    [/av_one_third]

    [av_hr class='full' height='50' shadow='no-shadow' position='center']

    [av_textblock]
    <h2 style="text-align: center;">The Office</h2>
    <p style="text-align: center;">We recently moved the team to Florida. Here is how it looks like if you work with us</p>
    [/av_textblock]

    [av_slideshow size='entry_without_sidebar' animation='slide' autoplay='false' interval='5']
    [av_slide id='315']
    [av_slide id='314']
    [av_slide id='313']
    [/av_slideshow]

    [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]

    You can insert it into the default editor, the save the page and switch to the advanced editor to import it.

    The “the office” section uses a fixed background image – you can edit the color section to set a bg image. The settings are:

    background-repeat: no-repeat;

    background-image: url(http://www.kriesi.at/themes/enfold/files/2013/04/photodune-1011301-city-skyline-m1.jpg);

    background-attachment: fixed;

    background-position: center center;

    #133094

    thank you very much :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Text on background image’ is closed to new replies.