{"id":11779,"date":"2016-12-29T10:11:58","date_gmt":"2016-12-29T10:11:58","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=11779"},"modified":"2017-02-08T12:31:58","modified_gmt":"2017-02-08T12:31:58","slug":"animated-letters","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/animated-letters","title":{"rendered":"Animated Letters"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column css=&#8221;.vc_custom_1485963458300{padding-right: 35px !important;padding-left: 35px !important;}&#8221; col_shadow=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221; col_shadow_hover=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221;][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][vc_column_text]If you want to highlight the textual information on your site in an\u00a0unusual and attractive way, then the Animated Letters module is just for you.<\/p>\n<p>Check the <a href=\"http:\/\/nativewptheme.net\/shortcodes\/animated-letters\/\" target=\"_blank\">Animated Letters<\/a> page to see all the styles available.<\/p>\n<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/Fq2bFb1zAWU\" target=\"_blank\">Animated Letters module creation<\/a> for more details.<\/h5>\n<p>[\/vc_column_text][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][dfd_tta_tabs border_radius=&#8221;4&#8243; alignment=&#8221;left&#8221; active_section=&#8221;1&#8243; active_tab_background=&#8221;#3b55e6&#8243; tab_hover_text_color=&#8221;#3b55e6&#8243; tab_active_color_text=&#8221;#ffffff&#8221; border_color_active=&#8221;#3b55e6&#8243;][vc_tta_section title=&#8221;General settings&#8221; tab_id=&#8221;1486545572585-2437c7e1-5371&#8243;][vc_column_text]<\/p>\n<h3>General settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2012 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/General-18.jpg\" width=\"978\" height=\"619\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/General-18.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/General-18-300x190.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/General-18-768x486.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Style<\/h5>\n<ul>\n<li><strong>Style<\/strong> &#8211; choose between 8\u00a0preset styles. All of them can be found on the <a href=\"http:\/\/nativewptheme.net\/shortcodes\/animated-letters\/\" target=\"_blank\">Animated Letters<\/a> page.<\/li>\n<li><strong>Alignment<\/strong> &#8211; align the words horizontally. <strong>Left<\/strong> and <strong>center<\/strong> positions are available for all the styles except for the <strong>Colored slide<\/strong> style.<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<ul>\n<li><strong>Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n<li><strong>Custom CSS class<\/strong> \u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type <strong>custom-style<\/strong> class and then go to <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Custom CSS\/JS<\/del> <del>Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Content settings&#8221; tab_id=&#8221;1486545572829-e1c1304c-ee12&#8243;][vc_column_text]<\/p>\n<h3>Content settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2015 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Content-11.jpg\" width=\"978\" height=\"682\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Content-11.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Content-11-300x209.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Content-11-768x536.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Content settings<\/h5>\n<h6>In this section, you can customize the text strings of the module.<\/h6>\n<h6>By clicking on the\u00a0arrow down icon you can reveal the whole section to adjust it to your needs. Here you are also able to duplicate the text strings, change\u00a0their order (simply drag-n-drop the blocks) and delete the unnecessary text strings as well.<\/h6>\n<ul>\n<li><strong>Single string<\/strong> &#8211; enter the content which will be animated.<\/li>\n<li><strong>String color<\/strong> \u2013 specify the color of the animated text.<\/li>\n<\/ul>\n<h5>Color settings<\/h5>\n<ul>\n<li><strong>Slide color<\/strong> &#8211; the color for the slide. The default color is #e24b1e. For the <strong>Colored slide<\/strong> style only.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Typography settings&#8221; tab_id=&#8221;1486545573311-423c930f-c6e7&#8243;][vc_column_text]<\/p>\n<h3>Typography settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2018 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Typography-12.jpg\" width=\"978\" height=\"445\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Typography-12.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Typography-12-300x137.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Typography-12-768x349.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>These settings are inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Typography\/Fonts<\/del> <del class=\"support-arrow-right\">Headings typography<\/del>\u00a0<del>H2 Typography.<\/del><\/p>\n<ul>\n<li><strong>Font size<\/strong> \u2013 set the font size you need to use in the animated text.<\/li>\n<li><strong>Letter spacing<\/strong> \u2013 set the needed distance between letters.<\/li>\n<li><strong>Line-height<\/strong> \u2013 set the needed distance between lines in the animated text.<\/li>\n<li><strong>Text color<\/strong> \u2013 set the color of the font.<\/li>\n<li><strong>Font style<\/strong> \u2013 select the font weight and style (bold, italic) for the animated text.<\/li>\n<li><strong>Custom font family<\/strong> \u2013 set it to <strong>Enable<\/strong> to use custom Google font.\n<ul>\n<li><strong>Font Family<\/strong> \u2013 select the font family from the drop-down list.<\/li>\n<li><strong>Font style<\/strong> \u2013 select the font weight and style (bold, italic) for the animated text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/dfd_tta_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>If you want to highlight the textual information on your site in an unusual and attractive way, then the Animated Letters module is just for you.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[17,22,16,28,33],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11779"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=11779"}],"version-history":[{"count":2,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11779\/revisions"}],"predecessor-version":[{"id":11782,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11779\/revisions\/11782"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=11779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=11779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=11779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}