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]

shadow-ornament

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]

shadow-ornament

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