Dropcap Shortcodes

3 Alternative Styles

none

Wras commodo sollicitudin velit eu feugiat. Curabitur vitae erat sit amet libero aliquam porttitor nec sit amet felis. Sed cursus viverra nisi id pulvinar.
simple

Wras commodo sollicitudin velit eu feugiat. Curabitur vitae erat sit amet libero aliquam porttitor nec sit amet felis. Sed cursus viverra nisi id pulvinar.
solid

Wras commodo sollicitudin velit eu feugiat. Curabitur vitae erat sit amet libero aliquam porttitor nec sit amet felis. Sed cursus viverra nisi id pulvinar.

Get The Code

[dropcap style="none"]W[/dropcap]
[dropcap style="simple"]W[/dropcap]
[dropcap style="solid"]W[/dropcap]

Custom Background & Text Color

C O L O R as commodo sollicitudin velit eu feugiat. Curabitur vitae erat sit amet libero aliquam porttitor nec sit amet felis. Sed cursus viverra nisi id pulvinar. Duis pharetra justo quis risus dictum et eleifend nunc varius. Sed condimentum imperdiet erat. Nulla justo felis, sollicitudin elementum condimentum eget, porttitor id neque.

Get The Code

[dropcap style="solid" bg_color="#e74c3c" text_color="#ffffff"]C[/dropcap]
[dropcap style="solid" bg_color="#e67e22" text_color="#ffffff"]O[/dropcap]
[dropcap style="solid" bg_color="#1abc9c" text_color="#ffffff"]L[/dropcap]
[dropcap style="solid" bg_color="#2ecc71" text_color="#ffffff"]O[/dropcap]
[dropcap style="solid" bg_color="#3498db" text_color="#ffffff"]R[/dropcap]

Shortcode Documentation

id
The id attribute specifies an id for an HTML element.
It must be unique within the HTML document.
(Mainly for additional styling/scripting purposes)
class
The class attribute specifies a class name for an HTML element.
(Mainly for additional styling/scripting purposes)
style
Available Options:
- simple
- solid
text_color
Text Color
bg_color
Background Color