{"id":5289,"date":"2018-01-13T04:24:45","date_gmt":"2018-01-12T19:24:45","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=5289"},"modified":"2018-05-12T05:20:09","modified_gmt":"2018-05-12T05:20:09","slug":"special-heading","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/special-heading\/","title":{"rendered":"Special heading"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-0ebadb64ebbaa22f1d31973b1a39ec3b\">\n#top .av-special-heading.av-av_heading-0ebadb64ebbaa22f1d31973b1a39ec3b{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-0ebadb64ebbaa22f1d31973b1a39ec3b .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-0ebadb64ebbaa22f1d31973b1a39ec3b .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-0ebadb64ebbaa22f1d31973b1a39ec3b av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Special Heading<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-1wg1qux-1f21d5c667f20920278f83b29a455501 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1udi9x5-8e58a4c8ed2ba59c4e12e9efa8d81839 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1sphcpl-7f7b82d29c6b5262563ca0839057aa3d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>This element allows you to create custom headings with various styles, with different fonts, colors, etc Below you can find a few examples how a heading could look like.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-1rra7q1-06618bc9a20d1c8c644c7490c7764eeb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>View examples of <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/special-heading\/\" target=\"_blank\" rel=\"noopener\">special heading<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-1qq6p0p-b11d3b2d9fa8d1a57ca3aa39be78b038 hr-default  avia-builder-el-5  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1oartzd-64edb5f358f8c6e7889847df7587fa6e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>CODE SNIPPETS<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-7  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<div  class='hr av-1kkfdbt-63dab294553476fae69b4dacf173e7a5 hr-default  avia-builder-el-8  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1is2u9l-fbbce1197f8596b378f700a6bb6ba019 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode<\/h3>\n<\/div><\/section>\n\n<div  class='hr av-1ecigfd-81b00fba9eee000ad02566da59d99175 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1cop1a1-d114c4e8f5a258904b612c1cfceedcc8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>CUSTOMIZATION<\/h2>\n<\/div><\/section>\n<div  class='hr av-1bs7u89-4b7a36e901f0af5ac142dc0427023d97 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-198382x-1f61ef047ce9835c9ede5aaccd2c7ff8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Heading with multiple fonts<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-189snmx-07539957e347d80cff6ab8444b8e2168 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add multiple font styles in a Special heading element wrap the words\u00a0in <strong>\u00a0or <em>tags and use the below CSS.<\/em><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7301\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2018\/01\/heading.png\" alt=\"\" width=\"623\" height=\"242\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/heading.png 623w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/heading-300x117.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/heading-450x175.png 450w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/p>\n<p>Select the heading style as &#8220;<strong>Modern centered<\/strong>&#8220;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7302\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2018\/01\/style.png\" alt=\"\" width=\"795\" height=\"95\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/style.png 795w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/style-300x36.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/style-768x92.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/style-705x84.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/01\/style-450x54.png 450w\" sizes=\"auto, (max-width: 795px) 100vw, 795px\" \/><\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-f630270e4d49306a1f6bb912b6c32b32\">\n#top .av-special-heading.av-av_heading-f630270e4d49306a1f6bb912b6c32b32{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-f630270e4d49306a1f6bb912b6c32b32 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-f630270e4d49306a1f6bb912b6c32b32 .av-subheading{\nfont-size:11px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-f630270e4d49306a1f6bb912b6c32b32 av-special-heading-h3 blockquote modern-quote modern-centered  avia-builder-el-11  avia-builder-el-no-sibling  specialh-1 av-thin-font'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  ><strong>WELL DONE<\/strong> is better than <em>well said<\/em>.<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<div  class='hr av-12f6co9-91fd108906226c6985c90c5942fd5da6 hr-default  avia-builder-el-12  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-10xy76x-040c1b1db7365450c93a1575adc5fc98 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Custom styled heading and subheading<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-105e1ax-aa96c574e67cfce6cdd5cc4d2e8c4ead '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Custom styled heading and subheading. Heading style used in the below example is &#8220;Modern centred&#8221;.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-353bac525120b4c0406c881cfc93bce0\">\n#top .av-special-heading.av-av_heading-353bac525120b4c0406c881cfc93bce0{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-353bac525120b4c0406c881cfc93bce0 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-353bac525120b4c0406c881cfc93bce0 .av-subheading{\nfont-size:11px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-353bac525120b4c0406c881cfc93bce0 av-special-heading-h3 blockquote modern-quote modern-centered  specialh-2'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Special Heading<\/h3><div class='av-subheading av-subheading_below'><p>With a line in between<\/p>\n<\/div><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<div  class='hr av-u9zftl-e4546749133a881e193b895332dce7fa hr-default  avia-builder-el-14  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-svddop-83d99388dfcfc3a396e27857abb74d6d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Heading with lines on the sides<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-rnc5s9-70e29c88e6824df49fbbff9e0a0bfd33 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Custom CSS code for special heading with lines on both the sides.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-3dba1d81ddce89270b7e1a7e31c877fc\">\n#top .av-special-heading.av-av_heading-3dba1d81ddce89270b7e1a7e31c877fc{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-3dba1d81ddce89270b7e1a7e31c877fc .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-3dba1d81ddce89270b7e1a7e31c877fc .av-subheading{\nfont-size:11px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-3dba1d81ddce89270b7e1a7e31c877fc av-special-heading-h3 blockquote modern-quote modern-centered  avia-builder-el-17  el_after_av_textblock  el_before_av_codeblock  specialh-3'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Special Heading<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<div  class='hr av-mjkahl-d731fa9f53384a014a54ef2d5d6eec15 hr-default  avia-builder-el-19  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-l16zix-9560ac19fcb13e3dbfb27781a2a16ceb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Heading with underline<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-jcsk7d-a8eba99c7e6dc098c291b6df42cb86df '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The heading say&#8217;s it all. To have an underline styled heading please use the CSS below.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-e94ccc8e20a33431ce677148cb683192\">\n#top .av-special-heading.av-av_heading-e94ccc8e20a33431ce677148cb683192{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-e94ccc8e20a33431ce677148cb683192 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-e94ccc8e20a33431ce677148cb683192 .av-subheading{\nfont-size:11px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-e94ccc8e20a33431ce677148cb683192 av-special-heading-h3 blockquote modern-quote modern-centered  avia-builder-el-22  el_after_av_textblock  el_before_av_codeblock  specialh-4'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >SPECIAL HEADING<\/h3><div class='av-subheading av-subheading_below'><p>With a line in between<\/p>\n<\/div><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n\n<div  class='hr av-dgsyjt-6576153a50114ed56554c4204389772b hr-default  avia-builder-el-24  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-d3m7i1-527e62aca02414e7c816374dc6354b0e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Remove the solid line on default special heading<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-b471rt-349c529839dd14cbb8a0e25f394dcbb4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The heading say&#8217;s it all. To have an underline styled heading please use the CSS below.<\/p>\n<\/div><\/section>\n\n<div  class='hr av-7hd9ax-91fea25ae99684e747824488a2fb0a70 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-5f1pux-c9d7450c14a63c42db751237a0102309 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section>\n<div  class='hr av-3jknvd-047be475895f95d6e593abd19bc90890 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-37phs9-52150926bf6168f646cdf035c606858c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=eMSRakhhWnk\">Special Heading Element Tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[],"class_list":["post-5289","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","documentation","content-elements"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=5289"}],"version-history":[{"count":2,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5289\/revisions"}],"predecessor-version":[{"id":8268,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5289\/revisions\/8268"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=5289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=5289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=5289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}