PageFly Page editor - FAQs
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
This addresses common questions users have about using the PageFly page editor.
You can follow these steps:
Step 1: Select the Main media element.
Step 2: On the Styling tab, pay attention to the Advance/CSS code section.
Step 3: Paste this code into CSS code:
Step 4: Save & publish the page.
To get more details, you can check out this video tutorial.
Normal State/Mouse over State/Active/Selected State
Click on the element such as the button, then in the Styling tab, click on the “Normal state” to open the dropdown. There are 3 states to set: Normal state, Mouse over state and Active/Selected state.
There are several elements that you can apply these states:
Button
Heading
Tabs
Accordion
Icon
…
How To Configure
Let’s take a look at the “Button” element as an example:
Step 1: Select the “Button” element. Click on the Styling tab.
Step 2: Select Mouse over state (or Selected/Active state).
Step 3: Configure the button with options on the Styling tab.
You can follow these steps:
Step 1: Open the page with the issue. Click on the “Add custom code” icon located on the bottom-left sidebar.
Step 2: Add 1 of these codes:
Step 3: Save & publish the page.
Want to know more? Check out the video tutorial below:
You can add gradient color for both background & elements. To do that, please follow these steps.
Step 2: After adjusting the color, click on the “Copy to Clipboard” button
Step 3: Add gradient color for background: Paste the CSS code you just copy into the CSS code section on the Styling tab.
Add gradient color for elements:
Step 1: Click on the element you want to add.
Step 2: On the General tab, scroll to the Attributes section.
Step 3: In the “HTML class”, type “gradient”.
Step 4: On the bottom-left toolbar, click on the “Add custom code” icon and paste the code below:
PageFly allows you to create reusable sections that you can integrate into various pages of your store.
Step 1: Hover to the section you want to save, and choose “Save section”.
Step 2: Save the section as unpublished.
Step 3: Head over to the left side panel, click on “Sections”, click on the section you just named & remember to publish it.
Step 4: Click on the “+” icon located on the top right of the section on the page that you want to reuse & choose “Saved”.
Step 5: Choose the section you prefer.
There are 2 methods to change the section name that you can apply.
Change from the General tab:
From the General tab, scroll to the “Attributes” section and click on “More settings”.
Change from the Page content:
Hover and click on the three dots icon of the selected section in the Page content, then choose “Rename”.
To find more information, you can visit this article:
Step 1: Pick a CSS code for gradient color. To do that you can visit:
Video tutorial:
Video tutorial:
Manual:
