DROP CAPS

The first letter of a paragraph that is enlarged to “drop” down two or more lines, as in the shown examples below.

[divider_line]
[highlight bgcolor=”#33a548″ textcolor=”#ffffff” ]Parameters for the Drop Caps[/highlight]
[divider_line]
[list icon=”fa-angle-right” color=”#81d742″]

  • Dropcaps Type: Theme have 3 different types of dropcaps.
  • Dropcap Text: Type the letter you want to display as Dropcap.
  • Dropcap Color: Use Predefined Color for the Dropcap Background.
  • Dropcap BG Color: Choose your desired color for the Dropcap Background
  • Dropcap Text Color: Choose your desired color for the Dropcap Text

[/list]
[divider_line]

Dropcaps In 3 Different Types

[dropcap1 color=”black”]A[/dropcap1]Iidunt quisque tristique. This is underlined text. Sollicitudin eros sapien, ultrices primis. This is Emphasized text volutpat tempor tur duis mattis dapibus, felis amet faucibus.

[dropcap2 bgcolor=”#000000″]B[/dropcap2]Cras dignissim blandit ligula rutrum posuere. Sed ultrices velit laoreet nibh tincidunt, ut blandit lorem tristique. Fusce et purus sit amet nisi tristique feugiat ultrices quis magna.

[dropcap3 color=”#000000″]C[/dropcap3]Cras dignissim blandit ligula rutrum posuere. Sed ultrices velit laoreet nibh tincidunt, ut blandit lorem tristique. Fusce et purus sit amet nisi tristique feugiat ultrices quis magna.

Get The Code:

[dropcap type="dropcap1" color="black" letter="A"]
[dropcap type="dropcap2" bgcolor="#000000" letter="B"]
[dropcap type="dropcap3" color="black" letter="C"]

[divider_line]

Highlighter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. [highlight bgcolor=”#26A289″ textcolor=”#ffffff”]Integer quis purus eu purus mattis.[/highlight] Aliquam erat volutpat. Cras mattis aliquet leo. Phasellus quis ante non lacus sollicitudin laoreet nec quis quam. Vestibulum tristique ante dolor, ut lobortis nisl tempor varius. Pellentesque congue sapien id ante sagittis ornare. Donec sapien diam, vehicula non leo eget, pellentesque viverra ligula. Donec tincidunt tristique ante dolor, elementum dui nec hendrerit. [highlight bgcolor=”#ffffff” textcolor=”#26A289″]Curabitur ut nunc in sem gravida feugiat vel non nunc. [/highlight]Fusce mattis lorem odio. Vestibulum et augue quis dolor faucibus tempor a ut lectus. Morbi ultricies eleifend lacinia.

[divider_line]

Get The Code:

[highlight bgcolor="#26A289" textcolor="#ffffff"]Content Here...[/highlight]

[divider_line]

Highlighter2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. [highlight2 textcolor=”#26A289″]Integer quis purus eu purus mattis.[/highlight2] Aliquam erat volutpat. Cras mattis aliquet leo. Phasellus quis ante non lacus sollicitudin laoreet nec quis quam. Vestibulum tristique ante dolor, ut lobortis nisl tempor varius. Pellentesque congue sapien id ante sagittis ornare. Donec sapien diam, vehicula non leo eget, pellentesque viverra ligula. Donec tincidunt tristique ante dolor, elementum dui nec hendrerit. [highlight bgcolor=”#ffffff” textcolor=”#26A289″]Curabitur ut nunc in sem gravida feugiat vel non nunc. [/highlight]Fusce mattis lorem odio. Vestibulum et augue quis dolor faucibus tempor a ut lectus. Morbi ultricies eleifend lacinia.

[divider_line]
Get The Code:

[highlight2 textcolor="#ffffff"]Content Here...[/highlight2]

[divider_line]

Customization Options and Features:

[list icon=”fa-angle-right” color=”#81d742″]

  • bgcolor: Highlight background-color.
  • textcolor: Highlight text-color.

[/list]