January 15

Drop Caps & Highlights Example

0  comments

Using Drop Caps and Highlighting Text is a great way to draw your website visitor's attention to something YOU don't want them to miss. Drop Caps provide a nice visual highlight and changes up your design. 

[thrive_drop_caps color=’red’ style=’1′]Drop caps can be added to the beginning of a paragraph and are an age-old method to draw the reader’s eye. They provide a nice visual highlight for your text. Drop-caps are available in 2 different styles and in 8 different colors (see examples below). Another typography feature in the (DFY) Done-For-You Website Templates is the option to  add custom color highlights. [thrive_highlight highlight=’#dd3333′ text=’light’] highlight specific parts of your text[/thrive_highlight][/thrive_drop_caps]

Drop Cap and Highlight Variations

Here’s a sampling of the variations you can make use of:

[one_half_first][thrive_drop_caps color=’purple’ style=’1′]Aorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.[thrive_highlight highlight=’#88a8d8′ text=’light’]Cras dapibus, neque eu dapibus sodales,[/thrive_highlight]  dui tortor ultrices nulla, at sollicitudin justo ipsum vel lacus. Mauris quis nulla sit amet est dictum condimentum.[/thrive_drop_caps][/one_half_first][one_half_last][thrive_drop_caps color=’dark’ style=’2′]This is drop cap style 2. Consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis. Cras dapibus, neque eu dapibus sodales, dui tortor ultrices nulla,[thrive_highlight highlight=’#bb93e2′ text=’light’]at sollicitudin justo ipsum vel lacus.[/thrive_highlight] Mauris quis nulla sit amet est dictum condimentum. [/thrive_drop_caps][/one_half_last]

This is how the HTML Code looks that created the Drop Cap and Highlight above.

Enter HTML Code here


Tags


You may also like

TCB Custom HTML Element

TCB Credit Card Icons Example

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Subscribe to our newsletter now!