How to Use Heading Module The Heading module inserts a heading into your row that is rendered with a heading tag (H1, H2, etc.) in the HTML output. Uses of the heading module While you can create headings right in the text editor, here are some advantages to using a Heading module: You can more […]
Color Picker Inside the DropFunnels Editor DropFunnels Editor’s visual color picker includes an opacity slider, shown in the following screenshot. The opacity slider on the right uses the RGBa alpha channel, rather than an opacity CSS attribute. When you move the opacity slider, you’ll see the hex color value change to RGBA settings to reflect the
Color Picker Inside the DropFunnels Editor Read More »
How to Add A Color Palette Inside the DropFunnels Editor To add custom color presets manually Step 1: Open a page for editing in the DropFunnels Editor. Step 2: Click in any Color field for a row, column, or module. The Color Picker opens. Step 3: Select one of your palette colors or paste in the
How to Add A Color Palette Inside the DropFunnels editor Read More »
The Typography Section Many of the modules that allow text now have a standard Typography section, as shown in the following screenshot and described below. Next to the Typography heading there’s an icon for responsive settings. Click this icon to add different settings for medium and small devices. If you don’t add settings for each device size, the settings
The Typography Section Read More »
Add Latin-Extended Capabilities for a Google font If you have a Google font that includes Latin Extended characters, you can add that capability to your Dropfunnels Editor layouts. Add the following filter to the functions.php file of your child theme and replace the font name in Line 2 with the name of your Google font family. function
Add Latin-Extended Capabilities for a Google font Read More »
Animations You can add an entrance animation to any row, column, or module when it becomes visible for the first time on a page, with the following animation types and choices. You can also choose the time delay before the animation begins. To animate a row, column, or module Step 1: Open the row, column,
Color Gradients for Row and Column Backgrounds and Overlays You can create linear and radial color gradients for row and column backgrounds, background overlays, and row shape layers To use a gradient as a row or column background or background overlay: Choose Gradient as the background type, which exposes the Background gradient section, which is described in the following
Gradients for Row and Column Backgrounds and Overlays Read More »
Rounded Corners On Columns and Photos You can add rounded corners to a column background or border or a photo using the Radius setting in the Borders section of rows, columns, and some modules that let you set borders, such as the Photo module. The Radius setting is described in the Radius & Shadow article. Note: You can add other effects
Rounded Corners On Columns and Photos Read More »
Borders Rows, columns, and some modules have a Border section, as shown in the following screenshot. The Border section is divided into two main subsections: General These settings apply to the standard border around an object, described in the next section. Radius & Shadow These settings are described in the Radius & Shadow article. The device icon appears
Radius and Shadow Radius and shadow effects apply whether or not a border line has been set in the General section. The Radius setting rounds the corners of the border box area to round the corners of either the border line, if you set one, or the edges of a row, column, or module background. When you click any
