Opacity

```mediawiki Navigation: Main_Page > Pages > Blocks > Opacity

How to adjust opacity of ActiveCampaign page blocks

Introduction

In ActiveCampaign, the Opacity feature allows users to adjust the transparency of various blocks on their landing pages. This capability is essential for enhancing the visual appeal of designs, enabling users to layer blocks for a more dynamic look. Whether you're aiming for a subtle background or a more pronounced transparency effect, adjusting opacity can greatly contribute to the overall aesthetics of your page. This feature is particularly useful for creating engaging layouts that captivate your audience.

ActiveCampaign's opacity adjustment is available for the following block types:

• Text
• Headline
• Image
• Image and Caption
• Divider

How to Access this Feature

To access the opacity adjustment feature, navigate to the page editor within your ActiveCampaign account. From there, you can select the specific block type you wish to modify. Ensure you are on a plan that supports this feature, which includes Plus, Pro, and Enterprise plans.

Step-by-Step Instructions

To adjust the opacity of a block, follow these detailed steps:

1. **Open the Page Editor**: Start by accessing your ActiveCampaign account and navigating to the page you want to edit.

2. **Select the Block**: Click on the block for which you wish to adjust the opacity. This could be one of the aforementioned block types, such as a Text block or an Image block.

3. **Locate the Editing Options**: Once the block is selected, look at the right pane of the editor. This pane will display various editing options specific to that block.

4. **Adjust the Opacity**:

  - Find the grey circle labeled "O" in the editing options.
  - Click and drag this circle left or right along the scale to decrease or increase opacity, respectively. Moving it to the left will increase transparency, while moving it to the right will make the block more opaque.

5. **Preview and Save**: After adjusting the opacity to your desired level, always preview the page to see how it looks in context. Once satisfied, make sure to save your changes.

Configuration Options and Settings

While adjusting opacity, you primarily interact with the following configuration options:

• Opacity Scale: Use the grey "O" control to set the level of transparency for your selected block.
• **Block Types**: Remember that opacity can be adjusted for specific block types like Text, Headline, Image, Image and Caption, and Divider.

Best Practices and Tips

- When stacking blocks, consider the order in which you apply opacity adjustments. This can affect readability and visual hierarchy. - Use contrasting colors and opacities to create distinct areas on your page, aiding user navigation and focus. - Keep in mind the accessibility of your content. Ensure that text remains legible against background images or colors. - Regularly preview your work to see how changes in opacity affect the overall design and user experience.

Common Use Cases with Examples

1. **Layered Backgrounds**: Use a semi-transparent Image block as a background to overlay a Text block. This technique helps to highlight the text while maintaining visual interest in the background.

2. **Visual Separation**: Adjust the opacity of a Divider block to create a subtle separation between different sections of your page without breaking the overall flow.

3. **Highlighting Information**: By making an Image and Caption block slightly transparent, you can draw attention to the core message while still allowing a glimpse of the underlying content.

Troubleshooting Section

If you encounter issues while trying to adjust opacity, consider the following: - Ensure you are using a compatible plan (Plus, Pro, or Enterprise). - Refresh your page editor if the options do not appear as expected. - Check that you have selected an editable block type; opacity adjustments are not available for all elements.

Related Features

For further enhancements to your page, consider exploring:

• Pages: The overview of all page-related features in ActiveCampaign.
• Blocks: A comprehensive guide to all block types available for use on landing pages.

FAQ

Q1: Can I adjust opacity for all types of blocks in ActiveCampaign? A1: No, opacity adjustments are available only for specific blocks: Text, Headline, Image, Image and Caption, and Divider.

Q2: What plans allow me to use the opacity feature? A2: The opacity feature is available on the Plus, Pro, and Enterprise plans.

Q3: How does opacity affect the readability of text? A3: Increasing the transparency of a block can potentially decrease text readability against complex backgrounds. It’s essential to find the right balance.

Q4: Are there any restrictions on using opacity in blocks? A4: Opacity adjustments can only be made within the designated blocks specified previously and will not be applicable to all elements.

Q5: How do I reset the opacity to its original state? A5: You can reset the opacity by dragging the opacity scale back to the center, which typically represents the default setting.

Q6: Can I apply different opacity settings to each element within a block? A6: No, opacity settings must be adjusted for the entire block and cannot be customized for individual elements within it.

Q7: Where can I find more information on other page design features? A7: For more details, you can explore the Pages and Blocks sections of the ActiveCampaign documentation.

```