{"id":2020,"date":"2016-12-29T12:04:15","date_gmt":"2016-12-29T12:04:15","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=2020"},"modified":"2017-01-12T13:07:29","modified_gmt":"2017-01-12T13:07:29","slug":"text-block","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/text-block","title":{"rendered":"Text Block"},"content":{"rendered":"

You may create multiple effects with the Text Block module.<\/p>\n

The Text block is default module of the Visual Composer plugin and helps in creating various effects\u00a0when creating pages, posts, and other posts types on your site.<\/p>\n

Watch the video tutorial on Text Block and Delimiter module features<\/a> for more details.<\/h5>\n

General settings<\/h3>\n

Text Block has default WYSIWYG editor and you may use its original functions. However, we’ve added some styles to make it suit the theme perfectly.<\/p>\n

Below you’ll see how to work with some of the effects.<\/p>\n

Blockquote<\/h5>\n
Add quotes and excerpts within a Text Block.<\/h6>\n
Watch the video tutorial on Blockquote creation<\/a> for more details.<\/h5>\n

<\/p>\n

Select the quote content text and click on the Blockquote<\/strong> icon in the WYSIWYG editor.<\/p>\n

It’ll add the\u00a0line and quote icon decoration for the text and change the\u00a0font style, background etc.<\/p>\n

You may check various Blockquotes styles on\u00a0Blockquotes<\/a>\u00a0page.<\/p>\n

The settings for this text decoration are inherited from Theme options<\/del> Typography\/fonts<\/del> Text typography<\/del>Blockquote typography<\/del> section.<\/p>\n

Featured quote<\/h5>\n

One of the ways of creative and stylish text highlighting.<\/p>\n

Enter and select the text to highlight and click on the Featured quote\u00a0<\/strong>icon in the WYSIWYG editor.
\nThe settings for the featured quote are inherited from Theme options<\/del>Typography\/fonts<\/del> Blog content featured quote<\/del> section.
\n<\/p>\n

Featured decoration<\/h5>\n

The settings for this text decoration are inherited from Theme options<\/del> Typography\/fonts<\/del> Text typography<\/del> Featured decoration typography<\/del> section.<\/p>\n

<\/p>\n

Enter and select the text to highlight and click on the Featured quote\u00a0<\/strong>icon in the WYSIWYG editor.<\/p>\n

Drop caps<\/h5>\n
Style the first letter differently to attract your visitors.<\/h6>\n

See the examples of various styles on the \u00a0Dropcaps<\/a>\u00a0page.<\/p>\n

Select the first letter in the text editor and select Drop caps icon in the editor.<\/p>\n

The pop-up window with additional settings will appear for you, where you’ll be able to set the background color, its text color, and the border color as well.<\/p>\n

<\/p>\n

In such a ways you can create stylish and incomparable drop caps for the textual information and attract more visitors.<\/p>\n

The default settings are inherited from theme files and are as follows:\u00a0font-weight: bold, font-size: 43px, color: #3498db, font-family: “Open Sans”, “PT Sans”, sans-serif.<\/p>\n

Popovers<\/h5>\n
Add extra information to the text<\/h6>\n

See the examples of the popovers used on\u00a0Popover & Tooltips<\/a>\u00a0page.<\/p>\n

Select the text where you’d like to add the popover effect on hover. Click on Popover icon in the\u00a0text editor to reveal the window with additional settings.<\/p>\n

<\/p>\n