View Categories

Inline Content Overview

1 min read

The DiviFlash Inline Content module allows you to add and customize various content elements directly within your page content. These elements can be text, images, icons, and more. 

Content

Add New Inline Content

To add new inline content, click on the plus (+) icon labeled “Add New Inline Content.” Once you do, you will be taken to a different window where you can add and style content. 

To learn more about adding inline content, click here.

Settings

  • Main Wrapper Tag: Choose the HTML tag for the inline content.
  • Column Gap: Adjust the horizontal gap between the content elements. 
  • Row Gap: Adjust the vertical gap between the content elements.

Link

Comes by default with Divi. No real use case.

Background

Add a background color, gradient, image, and more to the module.

Admin Label

Change the module name or label if required which will only be visible to you.

Design

Alignment

Change the vertical and horizontal placement of the inline content.

Text

Background, typography, and border options for the inline content text.

Icon

Color, size, and border options for the inline content icon.

Image

Size, color, and border options for the inline content image.

Sizing

Adjust the width, height, and alignment of the entire module.

Spacing

Add custom margin and padding to the entire module’s container.

Filters

Add color filters to all the module items.

Transform

Make changes to the scale and position of the module.

Animation

Apply a reveal animation effect to the module and customize the delay, duration, repeat, etc. of the animation.

Advanced

The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.

Inline Content Settings

From here, you can add content and style them as you wish. However, keep in mind that, the settings you apply here will override the settings you applied in the parent section.

Content

Content

Content Type: Choose the type of the content you want to use. You can use text, image, icon, and line break.

Link

Comes by default with Divi. No real use case.

Background

Add a background color, gradient, image, and more to the module.

Admin Label

Change the module name or label if required which will only be visible to you.

Design

Text

Available only if you choose “Text” as the content type. You get typography options for the text content.

Icon

Available only if you choose “Icon” as the content type. You get to change the color and the size of the icon.

Image

Available only if you choose “Image” as the content type. You get to adjust the size of the image.

The rest of the sections offer similar functionalities as their counterparts in the parent section.

Advanced

The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.  

Do You Still Have Questions?

If you still have questions, then contact our support team at support@diviflash.com

Submit a Comment

Your email address will not be published. Required fields are marked *