Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 18, 2016 at 11:53 am #600225
    mleonhard

    Hi,
    For this page: http://http://hi-flyfoto.de
    I am trying for a parallax effect with the full width slider, i.e. the header shrinks and the
    text below the slider scrolls over the fixed slider.
    Don’t know how to get the slider into the color section
    Thanks for your help
    Michael

    March 21, 2016 at 12:30 pm #601178
    Günter

    Hey mleonhard!

    Thank you for using our theme.

    If you want to add e.g. the fullwidth easy slider in a color section:

    Enable the debug mode for the ALB:

    Enable Avia Layout Builder Debug

    Add the color section to the page
    Add the slider after the color section

    In the debug area move [/av_section] after [/av_slideshow_full] see example below:

    
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[/av_section]

[av_slideshow_full size='featured' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' custom_class='']
[av_slide_full id='745'][/av_slide_full]
[av_slide_full id='316'][/av_slide_full]
[av_slide_full id='315'][/av_slide_full]
[av_slide_full id='314'][/av_slide_full]
[av_slide_full id='313'][/av_slide_full]
[/av_slideshow_full]

    must be:

    
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']

[av_slideshow_full size='featured' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' custom_class='']
[av_slide_full id='745'][/av_slide_full]
[av_slide_full id='316'][/av_slide_full]
[av_slide_full id='315'][/av_slide_full]
[av_slide_full id='314'][/av_slide_full]
[av_slide_full id='313'][/av_slide_full]
[/av_slideshow_full]

[/av_section]

    Cheers!
    Günter

    March 21, 2016 at 4:45 pm #601345
    mleonhard

    Hi Günter
    Thank you for this, unfortunately it does not work for me.
    I did not see any parallax effect and the slider is not within the color section in the Avia Layout Architect
    (not sure if it supposed to be seen in the section)
    The full width slider now show margins right and left in the box.
    Unstick Topbar does not work anymore.
    Formatting of the headers is gone, now the fonts are huge.
    Perhaps I have changed too much CSS for this to work?
    Thanks
    Michael

    March 22, 2016 at 6:53 am #601700
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    March 22, 2016 at 10:58 am #601805
    mleonhard

    Hi Rikard

    Login data coming up.
    Actually now I tried this again with a duplicate of the start page, and the previous errors don’t appear.
    (It looks like there is something strange going on in the original page)
    Now there is just the blank color element above the slider and not the desired parallax effect.
    But it looks like we are getting there

    Thank you
    Michael

    EDIT No idea why, because I did not change anything, but the duplicate page now has formatted the headers in huge again.

    March 25, 2016 at 7:50 pm #603701
    Andy

    Hey!

    you are using a caching Plugin, so go into plugin’s settings and choose to switch off caching. Deactivate this and all other plugins. Afterwards clear browser cache and hard refresh a few times.
    Make sure you have same Layout settings for both pages. When editing a page scroll down and look for Layout->Header visibility and transparency

    Cheers!
    Andy

    March 29, 2016 at 9:49 am #604321
    mleonhard

    Hi
    Actually I use the cache plugin only recently. Clearing the cache and also deactivating
    all plugins has no effect.
    I am a bit confused about how to set the slider as the background in the color section for the parallax effect.
    It appears to me that only one image or a video can be a background
    Thanks
    Michael

    March 30, 2016 at 3:16 am #604886
    Ismael

    Hi!

    I am trying for a parallax effect with the full width slider, i.e. the header shrinks and the
    text below the slider scrolls over the fixed slider.

    I’m not really sure what you’re trying to do here. Could you please provide a site with an example?

    Don’t know how to get the slider into the color section

    By default, you can’t place a full width element such as the full width slider inside a color section. You can follow the instructions above but it may cause unexpected behaviour in the page.

    Best regards,
    Ismael

    March 30, 2016 at 11:06 am #605073
    mleonhard

    Hi
    What I am looking for is something like this:

    Home v11: Transparent Header

    Just not for the full screen slider, but the full width of the box.
    Following Günters suggestion I got the slider “into” the color section (at least in the edit page)
    However the font size of the headers turns to huge and there is no parallax effect (perhaps I am missing something
    about how to switch the effect on)
    Thanks
    Michael

    March 31, 2016 at 7:26 am #605674
    Ismael

    Hey!

    I’m sorry but the full width slider doesn’t have a parallax option by default. If you need a parallax effect, please use the full screen slider.

    Best regards,
    Ismael

    March 31, 2016 at 12:50 pm #605835
    mleonhard

    Hi
    Yes, I had hoped for a workaround, perhaps along the lines of what Günter had written.
    So if there is no way of implementing this, I’d like to enter it as a feature request.
    Thanks
    Michael

    March 31, 2016 at 8:32 pm #606214
    Andy

    Hi!

    feel free to make a feature request for Kriesi here: https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.