Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1374403

    Hi,
    how can i use a graphic caption with parallax effect in a color section?
    I can’t find any setting that is responsive. The specification / left / middle is sometimes ignored by mobile devices.
    thanks

    desired result
    Settings
    Desktop PC
    tablet firefox landscape
    tablet / firefox / portraittablet samsung landscape
    tablet samsung portrait

    #1374557

    Hey solf,

    Thank you for the inquiry.

    Have you tried using an Image element with parallax options enabled instead of the color section’s background image? Please try to insert an Image element and configure the animations in the Advanced > Animation panel, look for the Parallax Rules settings.

    Best regards,
    Ismael

    #1374574

    Hi Ismael,
    thank’s
    you mean media element > picture
    I can’t find a setting for parallax?!
    Enfold Version! (4.9.2.2)
    solf

    #1374728

    Hi,

    Thank you for the update.

    Yes, the Image element in the Advance Layout Builder > Media Elements tab. Please update the theme to version 5.2.1 to get the parallax settings.

    Best regards,
    Ismael

    #1374735

    Hi ismael,
    thanks.
    yes, unfortunately enfold does not update to the current version. https://kriesi.at/support/topic/why-are-there-so-many-different-latest-versions/

    I have now shown the effect with Image element.
    The “top-to-bottom” option would have been nice.
    With “bottom-to-top” and -30% it comes close to the desired effect. Can I adjust the option to -50%?

    thank’s solf

    #1375078

    Hi,

    With “bottom-to-top” and -30% it comes close to the desired effect. Can I adjust the option to -50%?

    This is possible but you have to modify the enfold\config-templatebuilder\avia-template-builder\php\base-classes\class-popup-templates-responsive.php file and adjust this code around line 691.

    'subtype'	=> AviaHtmlHelper::number_array( -30, 200, 10, array( __( 'Default (= 50%)', 'avia_framework' ) => '' ), ' %' )
    

    Adjust the first value (-30) in the number_array.

    'subtype'	=> AviaHtmlHelper::number_array( -50, 200, 10, array( __( 'Default (= 50%)', 'avia_framework' ) => '' ), ' %' )
    

    Unfortunately, you cannot override this file in your child theme.

    Best regards,
    Ismael

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