{"id":2020,"date":"2016-12-29T12:04:15","date_gmt":"2016-12-29T12:04:15","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=2020"},"modified":"2023-07-31T11:27:34","modified_gmt":"2023-07-31T11:27:34","slug":"text-block","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/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

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

By clicking on Insert shortcode<\/strong> button you may see the drop-down of the available features within Text Block module, as shown on the image below:<\/p>\n

\"\"<\/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

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

It’ll add line and quote icon decoration for the text and change font style.<\/p>\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

You may select Testimonial<\/strong>\u00a0in the drop-down list under\u00a0Insert shortcode<\/strong> button – it functions in the same way as Blockquote<\/strong>.<\/p>\n

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

Within our theme there are two variants of Dropcaps styles: New Dropcaps and Old Dropcaps.<\/p>\n

Please check the\u00a0\u00a0various styles on the Dropcaps<\/a>\u00a0page and on Old Dropcaps<\/a> page.<\/p>\n

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

\"\"<\/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