Editing
Add dividers
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
```mediawiki '''Navigation:''' [[Main_Page]] > [[Pages]] > Add dividers = Add dividers to your page layout = == Introduction == The ability to add '''dividers''' to your page layout in ActiveCampaign is essential for creating visually appealing and well-organized content. By using the '''Divider''' block, you can effectively break up sections of your page, enhancing readability and user experience. This feature is particularly important for landing pages, where clear separations between content can lead to better engagement and conversions. This article will guide you through the process of adding and styling dividers in your pages, ensuring you make the most of this feature to present your content effectively. == How to Access This Feature == To begin using the divider feature, access the '''Pages''' section in your ActiveCampaign account. Make sure you are subscribed to one of the plans that support this feature, namely the '''Plus''', '''Pro''', or '''Enterprise''' plan. == Step-by-Step Instructions == === Inserting a Divider === 1. Navigate to the '''Website''' menu and click on '''Pages''' to access your Pages overview. 2. Select the name of the page you want to edit, or click the '''Edit Design''' button to enter the page editor. 3. In the page editor, find the '''Divider''' block in the block options and drag it to your desired location in the page layout. === Styling the Divider === Once the divider has been added, you can customize its appearance: 1. Click on the divider block to open the style and editing options in the right pane. 2. Adjust the following settings: - '''Thickness''': Set the thickness of your divider in pixels. The default thickness is set to 1 pixel. - '''Divider Color''': Change the color of your divider using options pulled from your theme's color palette. - '''Divider Theme''': Choose between two themes: '''solid''' (default) or '''blended'''. If you'd like to customize a divider different from the rest on the page, uncheck '''Use Shared Theme'''. === Duplicating a Divider === To duplicate a divider: 1. Click on the divider block you wish to replicate. 2. Select the duplicate icon located in the top right bar to create a copy. === Deleting a Divider === If you need to remove a divider from your page layout: 1. Click the divider block you wish to delete. 2. Click the trash icon found in the top right bar to remove the block. == Configuration Options and Settings == Within the '''Divider''' block, you have several configuration options that allow for personalization: - '''Thickness''' can be defined in pixels to suit different design needs. - '''Divider Color''' allows you to select from your theme's palette for consistency. - '''Divider Theme''' provides two styles to choose from, enhancing the visual diversity of your landing page. By leveraging these options, you can ensure that your dividers fulfill both aesthetic and practical roles in your layout. == Best Practices and Tips == - **Use Dividers Sparingly**: Overusing dividers can create a cluttered layout. Use them to delineate significant sections or transitions in content. - **Align with Theme Colors**: Make sure your divider color complements your overall page design. This maintains a professional and cohesive appearance. - **Consistency**: If using multiple dividers, consider using the same thickness and color for uniformity across your page. - **Preview Changes**: Always preview your page after making changes to ensure that the dividers enhance readability rather than distract from the content. == Common Use Cases with Examples == - **Landing Pages**: Use dividers to separate different sections of an offer, guiding users through the content logically. - **Blog Posts**: Break up long articles with dividers to create a more digestible experience for the reader. - **Event Promotions**: Use dividers to distinguish between different event details, such as dates, venues, and special instructions. == Troubleshooting == If you encounter issues with adding or editing dividers, consider the following: - Ensure you’re using a compatible plan that allows access to the divider feature. - If a divider is not displaying as expected, check the style settings to confirm proper thickness and color are applied. - Refresh the page editor if the changes do not appear immediately after editing. == Related Features == - For more in-depth customization options, see the articles related to [[Pages]] and other page building blocks available in ActiveCampaign. == FAQ == '''Q: Can I add multiple dividers on the same page?''' A: Yes, you can add as many dividers as you need to your page layout. '''Q: What happens if I delete a divider?''' A: Once you delete a divider, it cannot be undone. It's advisable to duplicate dividers instead if you might need them later. '''Q: Can I customize the color of my divider?''' A: Yes, the divider color can be customized from the theme’s color palette. '''Q: Is there a limit to the thickness of dividers I can set?''' A: No, there is no explicit limit, but extreme values can affect design visually. '''Q: Do dividers affect the mobile view of my page?''' A: Dividers are designed to work responsively, but always check how your page looks on mobile devices after making changes. '''Q: Can I re-order dividers once added?''' A: Yes, you can drag and drop dividers to re-order them within your page layout. '''Q: Are there any predefined styles for dividers?''' A: You can choose between two themes for your dividers: solid and blended. By following this guide, you will be equipped to effectively utilize the '''Divider''' feature in your ActiveCampaign pages, creating clear and organized content layouts. ```
Summary:
Please note that all contributions to Activepedia may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see
Activepedia:Copyrights
for details).
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Create account
Log in
Namespaces
Page
Discussion
English
Views
Read
Edit
Edit source
View history
More
Search
Navigation
Main page
Recent changes
Random page
Help about MediaWiki
Tools
What links here
Related changes
Special pages
Page information