General tab configuration

There are 3 groups of parameters that every element has. In this article, you will learn about these common parameters: Attributes, Visibility, and Animation in the General tab

Visibility

In the example below, we choose a paragraph element and see how the Visibility parameter is applied to this element

This parameter of the General tab is useful for you if you want to hide elements in different devices.

You can choose to hide the element on specific devices:

  • Hide On Desktop
  • Hide On Laptop
  • Hide On Tablet
  • Hide On Mobile

Example

Let’s see how it works

In this example, we will hide the paragraph element on the Mobile device. Simply, we need to enable the Hide on Mobile option of the Visibility parameter.

Switching to the Laptop, Tablet device, the paragraph element is still there.

Attributes

You can set a custom value for several native attributes of the element HTML code so that you can later use it in custom CSS/JS code. Supported attributes are as follows:

  • ID
  • Class
  • Name

Besides native attributes, you can define custom attributes for more advanced customization.

Example

You can check this tutorial to see how we use the ID to make a sticky section.

Animation

There are 2 cases when you can add an animation to the elements to spice up your page.

  • When Display: Choose the animation to apply to the element when a visitor sees it for the first time.
  • When Mouse Over: Choose the animation to apply to the element when a visitor moves the mouse over it.

Each case gives you many animation choices.

Example

How to delete an animation

Here you just need to click on the X button to remove the animation

Navigate this category

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!