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.

Verkrijg de code

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

Custom Background & Tekst kleur

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.

Verkrijg de 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 kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • style
    Beschikbare opties:
    • simple
    • solid
  • tekst kleur
    Tekst kleur
  • bg_color
    Achtergrond kleur