Return to previous page

How to have elements and words/text move on their own when scrolling?

This topic has 6 replies, 2 voices, and was last updated 4 months ago ago by Tony Rodriguez

GTP

Participant

January 2, 2024 at 18:09

Hi 8theme team,

1) Just curious if there is anyway we can have text/elements move on their own (animation) when we use the scrolling wheel on our mouse?

Please see PCA.

2) We also saw an element in the X-Store studio where you had moving elements once you used the scrolling when, but cannot locate/find it.
Can you please provide the link/name for that?

3) In this element = https://xstore.8theme.com/elementor/demos/minimal-fashion02/floating-effects/

– Can we have other elements move such as buttons/text blocks/containers?

Thanks for your help!

Please, contact administrator
for this information.

#378352 Copied Theme version: 9.2.5

5 Answers

Tony Rodriguez

Support staff

January 3, 2024 at 12:09

Hello, @GTP,

1) Thank you for reaching out to us. We appreciate your inquiry, and to provide you with a comprehensive visual reference, we recommend consulting the documentation provided in the following link:

https://elementor.com/blog/how-to-use-motion-effects/

We believe this documentation will offer valuable insights into resolving your concern.

2) We understand your concern about the parallax effect on the website, and we’d like to clarify that the “Parallax presentation” is a functionality provided by page builders such as Elementor or Wp Bakery, and it is not a built-in feature of the XStore theme itself.

If you’re interested in exploring and customizing the parallax effect further, we recommend checking out the tutorial in the Elementor documentation. You can find it at the following link: https://elementor.com/blog/parallax-effects/

Best Regards,
The 8Theme Team

#378412 Copied

GTP

Participant

January 4, 2024 at 16:40

Hi Tony,

1) Thanks for the articles on the motion effects on elementor.

2) Thanks for the article on this as well.
We saw something on X-Store and it looked very cool.

Website = https://xstore.8theme.com/elementor/demos/minimal-fashion02/floating-effects/#

Screenshot = https://prnt.sc/hFbemYtlUWXd

& = https://prnt.sc/zNjJ6GUOHVqL

The pink colored elements (lines/dots) move when you scroll them. Is this done via elementor as well?

3) Sorry, think you might have missed this.

In this element = https://xstore.8theme.com/elementor/demos/minimal-fashion02/floating-effects/

– Can we have other elements move such as buttons/text blocks/containers?

4) Would you perhaps know what this would be called, and can we make this on X-Store?

Please see PCA.

Thanks!

Please contact administrator
for this information.

#378592 Copied

Tony Rodriguez

Support staff

January 5, 2024 at 09:17

Hello, @GTP,

1) You’re welcome! If you have any more questions or need further assistance, feel free to ask.

2) Absolutely! The captivating scrolling effects you observed on X-Store’s website are indeed achieved through Elementor. For a detailed guide and visual reference, we recommend exploring the Elementor (Scrolling Effects) documentation available at the following link: https://elementor.com/help/scrolling-effects-vertical-scroll/ .

3) Absolutely, you can enhance your website’s visual appeal by incorporating animations on various elements. For buttons, utilize the XStore Text Button; navigate to Content >> General >> Animation Effect, and select your preferred animated effect.

To animate text, leverage the XStore Animated Headline. In Content >> General >> Style, enable Animation, and in the Animation tab, set your desired effect.

For container animation, edit the container, go to Advanced Section >> Motion Effect, and choose Entrance animation. Additionally, explore Scrolling and Mouse effects for a comprehensive animation experience.

Refer to the following images for guidance:
https://imgur.com/a/RLn1OAE
https://imgur.com/a/leC2RxV
https://imgur.com/a/eAipMrG

4)After carefully reviewing your description, it appears that the dynamic animation effects you’re referring to might be achieved through a combination of Elementor’s capabilities, specifically the scrolling and floating effects. These features empower users to create interactive and engaging elements that respond to user interactions and scrolling behavior.

To guide you through the process, we recommend exploring the Elementor XStore Documentation, which we have conveniently provided in the link below. This documentation is a comprehensive resource that covers a wide range of functionalities offered by Elementor, and it should assist you in replicating the desired animated blocks on your XStore website:https://elementor.com/blog/introducing-motion-effects/

Kind Regards,
8theme team

#378660 Copied

GTP

Participant

January 5, 2024 at 17:14

Hi Tony,

Thanks for your reply and hope you are doing great;

1) 🙏🏼

2) Thank you – the link you provided has all the details in the video, we will follow the video for steps.

3) Thank you for the details on this! We will go through the steps provided.

4) If we want something exactly similar (ask on the competitor theme), can we ask this via the customization services?

Thank you for the help Tony!

#378798 Copied

Tony Rodriguez

Support staff

January 6, 2024 at 06:18

Hello, @GTP,

1. You are cordially welcome!

2. Please feel free to take the necessary time to follow the instructions provided. We trust that they will be of assistance to you.

3. We encourage you to review the steps outlined, as they are designed to guide you toward achieving the desired outcome.

4. Should you require further customization, we invite you to inquire about our paid services. Our team is ready to implement the required functionality on your website.

Kind regards,
The 8Theme Team

#378827 Copied
Tagged: dynamic text movement, interactive website design, moving elements, scrolling animation, woocommerce wordpress templates, wordpress scrolling effects
Viewing 6 results - 1 through 6 (of 6 total)