General settings
In this article, you'll learn about the general settings tab of Foxify.
The functional parameters in the general settings tab vary depending on the selected element.
Common parameters
Animation
As readers scroll up and down the site, the animation, when enabled, is triggered once the element comes into view/after the page loads/on hovering.
A little bit of animation in the loading process can add some flair, impress users, and get their attention.
After selecting the Trigger condition for your Animation, you can choose the Animation type, its duration, and the delay time.
Animation type:
Fade in
Fade in up
Fade in down
Fade in left
Fade in right
Tada
Shake X
Shake Y
Head shake
Heart beat
Bounce in
Wobble
Swing
Flip in X
Light speed in right
Light speed in left
Spin
Duration: between 0.1s-2s
Delay time to perform the animation: 0-2s
💡You can easily know if one element's animation setting is configured using the hint shown on the left sidebar.
Visibility
Visibility allows you to decide whether an element appears or hides on different devices giving you the ability to create Desktop and Tablet/Mobile versions of your pages.
By default, an element is visible to all four given views:
Mobile
Tablet
Laptop
Desktop
To hide the element in a particular view, tweak the corresponding toggle.
Example
In this example, we would like to hide the Testimonials section on tablet and mobile view, all we need to do is toggle off the options Show on tablet and Shop on mobile in the Visibility settings.
Custom attributes
Although Foxify offers a large variety of attributes, we understand that giving customers the freedom of creativity and execution is necessary.
That's when Custom attributes come in handy.
Once an element is selected, this can be found at the bottom of the General settings tab.
Supported attributes include:
ID
CSS classes
If you want to add multiple CSS class names to the field, make sure to leave a space between the classes.
All the settings set in that selected block will be overwritten by the Custom attributes (if present).