Dropcap Element

Last Update: March 12, 2024

The Dropcap Element is a standard typographical device, commonly used in articles and posts. The Avada Builder Dropcap Element offers you the ability to control various aspects of the drop cap, like boxed or unboxed options, boxed radius and color. It is an Inline Element, which means it is only accessible through the Avada Element Generator, or the Inline Editor in the Avada Live. See the links below for more information on those topics.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Dropcap Element

Using the Dropcap Element allows you to add a dropcap to the first word of a sentence.

To start, add a text-based element anywhere on your page, and add your content, leaving the first letter off the first word to allow for the Dropcap at the start.

Now we need to add the Dropcap Element. To do this, position your cursor at the place you want the dropcap, and then click the Avada Builder Element Generator icon on the toolbar, as seen in Example 1.

Locate the Dropcap Element and click it to bring up the options window. In the Dropcap Letter field, enter the letter you wish to use for the dropcap.

You can choose to have the dropcap boxed or not, as well as choose the radius of the box if you wish. In the Design tab, there are two Options. Color sets the color of the letter if you selected No for Boxed Dropcap, or it controls the color of the box if you have selected Yes. You can also change the color of the dropcap letter when using a Boxed Dropcap, with the Text Color option.

Once finished, click ‘Insert’. You’ll be returned to the original text-based element, and you can see the One Page Tex Link shortcode has been added to the code. See Example 2. Save the element to save your changes.

If you preview your page, you will see the dropcap as you have styled it. See Example 3.

Dropcap Example 1

Example 1

Dropcap Example 3

Example 2

Dropcap Example 4

Example 3

How To Use The Dropcap Element In Avada Live

Please see the Inline Elements document for more details on how Inline Elements work in Avada Live.

Inline Editor > Inline Elements

Element Options

Note: The Default setting will use the global settings assigned for this element in the Options > Avada Builder Elements > Dropcap section.

General

HeadingDescription
Dropcap LetterAdd the letter to be used as dropcap.
Boxed DropcapChoose to get a boxed dropcap.
Box RadiusChoose the radius of the boxed dropcap. In pixels (px), ex: 1px, or "round".
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Design

HeadingDescription
ColorControls the color of the dropcap. Leave blank for Global Options selection.
Text ColorControls the color of the dropcap letter when using a box. Leave blank for Global Options selection.