CSS Gradients The easiest way to add a gradient as the background color of a row or column is to use the color gradient background feature built into the rows and columns. However, if you have a special gradient effect you want to use, for example from a gradient-generating tool, here are some tips. Gradients can be […]
Responsive Columns Columns in layouts can become quite complex, with multiple column groups in rows, child columns, and multiple modules in a single column group. See this guide on How Column Works Here’s a complex example of column stacking. This example shows a single row with two column groups. The first column group has two
Responsive Columns Read More »
Disable Responsive Behavior You may disable responsive behavior site-wide from the Global Settings. If you disable responsive behavior, the layouts you see on extra large devices will be preserved on large, medium, and small devices. When you disable responsiveness site-wide, you lose the following functionality: Column stacking doesn’t occur. Margins and padding stay the same on every device,
Disable Responsive Behavior Read More »
Responsive Device Toggle The purpose of this article is to explain what the responsive device toggle is and how it helps you optimize your DropFunnels Editor layouts for specific devices. Introduction Responsive Device Toggle allows you to customize the appearance of your layout’s rows, columns, and modules on a per-device basis, using DropFunnels Editor breakpoints.
Responsive Device Toggle Read More »
Responsive Editor The Responsive Editing mode allows you to create and edit your layouts in a way that ensures they look great on all devices. Access Responsive Editing mode Enter Responsive Editing mode in any of the following ways: Step 1: Click the Responsive Toggle icon next to settings that have it for a row, column,
Breakpoints CSS breakpoints determine how a responsive layout behaves on different devices based on its width. You can use them to control when your layout can be adapted or to show or hide content based on a device’s size. Desktop First Approach DropFunnels Editor takes a desktop-first approach. That is, you begin by designing for
How to Add an Image to an Item on the Saved Tab You can display an image with a saved row, column, or module on the Saved tab in the Content panel. The image comes from the featured image set for the saved item. It fits the width of the pane on the Saved tab, with a width-to-height ratio
How to Add an Image to an Item on the Saved Tab Read More »
Edit a Saved Row, Column, or Module You can edit either standard or global saved rows, columns, and modules, but there are different consequences: If you edit a global row, column, or module using any of the three methods below, the changes are applied everywhere on your website where that global row, column, or module is used.
Edit a Saved Row, Column, or Module Read More »
Convert a Saved Row, Column, or Module to Global When you save a row, column, or module, you get the option to make it global. The content in global saved items is updated in the saved item and every other instance when you update the content in any one place. What if you didn’t make
Convert a Saved Row, Column, or Module to Global Read More »
Insert a Saved Row, Column, or Module Into your Layout Inside DropFunnels Editor The procedure for inserting a saved row, column, or module is the same whether it’s standard or global. In the Content panel, click the Saved tab, then drag the saved row, column, or module into your layout. (Note: You can’t drag a column
Insert a Saved Row, Column, or Module Into your Layout Inside DropFunnels Editor Read More »
