{"id":277,"date":"2017-02-19T04:16:01","date_gmt":"2017-02-19T04:16:01","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=277"},"modified":"2023-01-18T14:06:28","modified_gmt":"2023-01-18T14:06:28","slug":"blog-post","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/blog-post\/","title":{"rendered":"Blog Post"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-9k4bx-b9f5f343324e8ba2c91f16986b51c400\">\n#top .av-special-heading.av-9k4bx-b9f5f343324e8ba2c91f16986b51c400{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-9k4bx-b9f5f343324e8ba2c91f16986b51c400 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-9k4bx-b9f5f343324e8ba2c91f16986b51c400 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-9k4bx-b9f5f343324e8ba2c91f16986b51c400 av-special-heading-h1 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Blog Post<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-mekcut-2ffcd26fed13dea0eadd0bcc998cc246 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-282kl9-1902b549f1df82e662c7e8890c0da39b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Overview<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-m0yvpp-ce8e956364a8b4bc8865d14e4d927078 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>As described in the\u00a0<a href=\"https:\/\/codex.wordpress.org\/Introduction_to_Blogging\" target=\"_blank\" rel=\"noopener\">WordPress codex<\/a>\u00a0&#8220;Blog&#8221; is an abbreviated version of &#8220;weblog,&#8221; which is a term used to describe websites that maintain an ongoing chronicle of information.<\/p>\n<p>Examples of <a href=\"http:\/\/www.kriesi.at\/themes\/enfold-overview\/\" target=\"_blank\" rel=\"noopener\">Enfold demos<\/a> showcasing the\u00a0<a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/elements\/blog-posts\/\" target=\"_blank\" rel=\"noopener\">blog\u00a0posts elements<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-lv7d19-25da4508adeab7df6462d99ebc3b93b6 hr-default  avia-builder-el-4  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-lpbu2d-73d76922236d26e0779950ebdfd716c7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Basic blog setup<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-lngzfh-02ddd5092df44ee5f4e103084d40334f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>By default, WordPress will display your \u201cPosts\u201d for others to view on the home page of your site. When using it as a Content Management system (CMS) you may want to change where you want the posts to be shown, and what page is shown for the Frontpage. You can set both of these right from the main Theme Options. To display blog posts on the Frontpage or on a separate blog page, create a new page and drop the blog posts element from the Advanced Layout Builder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7187\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element.png\" alt=\"\" width=\"1271\" height=\"558\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element.png 1271w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-300x132.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-768x337.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-1030x452.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-705x310.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-450x198.png 450w\" sizes=\"auto, (max-width: 1271px) 100vw, 1271px\" \/><\/p>\n<p>Go to &#8220;Theme Options&#8221; and use the drop-down and select the previously created page with the blog posts element as the frontpage or a blog page to suit your website requirements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7191\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1.png\" alt=\"\" width=\"1069\" height=\"339\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1.png 1069w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-300x95.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-768x244.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-1030x327.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-705x224.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-450x143.png 450w\" sizes=\"auto, (max-width: 1069px) 100vw, 1069px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-25e5wt-fa6a85f40757d5c2c0337fd124283470 hr-default  avia-builder-el-7  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-l8znol-9ec7492b9518345cbee2dc292c556acb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Blog Style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-23r6gd-989dc9b7ab10356970c0862257e1500e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To set up a\u00a0Blog style drag and drop the Blog Post element from Advanced Layout Builder and select the blog style in the edit options.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\" target=\"_blank\" rel=\"noopener\">Blog Modern<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-single-author-small\" target=\"_blank\" rel=\"noopener\">Blog Single Author Small<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-single-author-big\" target=\"_blank\" rel=\"noopener\">Blog Single Author Big<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-multi-author\" target=\"_blank\" rel=\"noopener\">Blog Multi Author<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-fullwidth\" target=\"_blank\" rel=\"noopener\">Blog Fullwidth<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-fullwidth\" target=\"_blank\" rel=\"noopener\">Blog Masonry<\/a><\/li>\n<li><a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/blog\/blog-default\" target=\"_blank\" rel=\"noopener\">Blog Classic Grid<\/a><\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-kvmywd-9b4b87e7869fa1a3c055d21519d5d8a6 hr-default  avia-builder-el-10  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-kse8ql-ac6f6256dc5a47789891f32c116c1b71 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Code Snippets<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-12  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-kh7xpp-fde935fa2f8f71b1ac20f47f7e797662 hr-default  avia-builder-el-13  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-kb8qst-3d364f585b7435366c41e7614b202ad8 '   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-jpzl9x-e24b7f85f52b9b33fa7083294c627bf1 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-jmzco5-28c4a2fdaaa0344bf6a3c1a91f5497c9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Blog post single<\/h2>\n<\/div><\/section>\n<div  class='hr av-jgqhrh-5e43961fa0001d54005b6f5ee8d623e9 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-j9chdh-cae2077db2f6427d84f141a66b8a5b08 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove Post Navigation<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1wwjlh-789f9842a2b211184e4b7e130654ab12 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To remove the post navigation, simply add this function to your functions.php file:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-1wwjlh-33-dca54acc4a3b2f2b0ee240509856c96b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre><code>\r\n\/* Remove Post navigation *\/\r\nfunction custom_disable_avia_post_nav( $settings ) {\r\n\treturn $settings['skip_output'] = true;\r\n}\r\nadd_filter( 'avf_post_nav_settings', 'custom_disable_avia_post_nav', 10, 1 );\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-jgqhrh-35-c0927dd18179f9402a7ab72dfa560d2c hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-j9chdh-34-491c22e56dee8bb7870a6e8613c4864b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove Post Navigation for a post type<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1wwjlh-32-6f7aeab2326d53e61351c14684f2d39b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To remove the post navigation from a specific post type add this function to your functions.php:<\/p>\n<p>Now when viewing the *portfolio* custom post type (which comes with the theme) there will be no floating navigation to the next or previous portfolio items.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-46de32t-ee4a67c4fa8d80298ec0116c4b6427bb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<pre><code>\r\n\/* Remove Post navigation for CPT *\/\r\nfunction custom_disable_avia_post_nav_for_cpt( $settings ) {\r\n\tif ( is_singular( 'portfolio' )) {\r\n\t\t$settings['skip_output'] = true;\r\n\t}\r\n\treturn $settings;\r\n}\r\n\r\nadd_filter( 'avf_post_nav_settings', 'custom_disable_avia_post_nav_for_cpt', 10, 1 );\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-ivnk05-d18635e2b361e745b2dcf6ad2c3d52b4 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-itbijh-0a0147d15d54e8ee36302c3c6bff57d9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Different post style for each category<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-ind1v1-3925a5f81ff761132fe3852aa25108a0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>All posts added to a specific category can be styled to look different from other posts using custom CSS code. A unique CSS class name in the format &#8220;category-xyz&#8221; is added to all of the post articles. To view the category class name right click and inspect the post article.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7194 size-full\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154.jpg\" alt=\"\" width=\"978\" height=\"190\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154.jpg 978w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154-300x58.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154-768x149.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154-705x137.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-name-e1526834755154-600x117.jpg 600w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>We can use this unique class name to style the blog articles.\u00a0The &#8220;category-xyz&#8221; class consists of post content like title, featured image, description etc. hence we can\u00a0only style the content of the post article\u00a0but not other page content like the header, footer or sidebar area. For example, post titles of category-1 can be styled differently compared to post titles of category-2.<\/p>\n<p>Let us look at the custom CSS to style post titles of two different categories named &#8220;personal&#8221; and &#8220;news&#8221;.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-3wtl439-6fa13bd4e89a5e42d84765ce4dd2ff4c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-3frezl1-bb2e77640b5f69500e51fff4b92d94d7 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-gnirx-c6b6f780aeb4183372e7c3156ce2ccde'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-1' data-fake-id='#toggle-id-1' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-1' data-slide-speed=\"200\" data-title=\"Shortcode\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Shortcode\" data-aria_expanded=\"Click to collapse: Shortcode\">Shortcode<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-1' aria-labelledby='toggle-toggle-id-1' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-7razx-ca6c8d490b1059fdc5f3c81ce2f2d15a'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-2' data-fake-id='#toggle-id-2' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-2' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-2' aria-labelledby='toggle-toggle-id-2' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\r\n\/*--------------------------------------------\r\n\/\/ CSS - Using category to style masonry grid\r\n\/\/-------------------------------------------*\/\r\n\r\n\/* excerpt background color *\/\r\n\r\n#top .av-masonry-category-style .category-news figcaption { \r\n  border: 5px solid #ffdd00;\r\n}  \r\n\r\n#top .av-masonry-category-style .category-personal figcaption { \r\n  border: 5px solid #3be8b0;  \r\n}  \r\n\r\n\/* Blog title*\/\r\n#top .av-masonry-category-style .category-news figcaption .entry-title,\r\n#top .av-masonry-category-style .category-personal figcaption .entry-title\r\n{  \r\n  padding:5px 10px;\r\n}\r\n#top .av-masonry-category-style .category-news figcaption .entry-title {\r\n\tcolor:#ffdd00;\r\n\tfont-weight:bolder;\r\n}\r\n#top .av-masonry-category-style .category-personal figcaption .entry-title {\r\n   color: #3be8b0;\r\n   font-weight:bolder;\r\n}\r\n\r\n\/* Blog meta*\/\r\n#top .av-masonry-category-style .category-news figcaption .meta-color,\r\n#top .av-masonry-category-style .category-personal figcaption .meta-color\r\n{\r\n  color: #f3f4f7;\r\n  background: rgba(25,25,25,.5);\r\n  padding:5px 10px;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-1u6cvh-63a61fc2c548a90e8bcee07cbf52c911 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-ic3xr9-9d2a04b37200ab323454aaf076e519fd '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Featured image size on single post<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-i2zkrp-74bcc187303051bd9360b782284c5fe4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Featured image size: <\/strong>On a single\u00a0post, to reduce the size of the featured image adjust the value in the code below and add it to your custom CSS.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-3ot0b6d-7a8958003bb8d407189a06c348408509 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-3o1oiid-c0b8f428e958a9ce2205b7f99b466d0b av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-13bv4l-2f0fee90ebd983a1e4b17e76245198ac'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-3' data-fake-id='#toggle-id-3' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-3' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-3' aria-labelledby='toggle-toggle-id-3' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Featured image size\r\n\/\/----------------------------------------*\/\r\n\r\n#top.single-post .big-preview {\r\n  max-width: 550px !important;\r\n  margin: 0 auto;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-i2zkrp-29-e4766a19a558ee8e566ca9d379e8d02d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Full-width featured image<\/strong>: On any single post, remove the paddings and stretch the image to 100% width of the browser.\u00a0It is recommended to use this code to change the single posts without sidebar.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-3ot0b6d-28-bf764c93a2e55808338a389628a99fb2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-3o1oiid-27-e7a7baf6a64159c1440fd9c1d9b66d15 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-908uo5-cb76c6d39937b63f9c746afa503404dd'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-4' data-fake-id='#toggle-id-4' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-4' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-4' aria-labelledby='toggle-toggle-id-4' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Full-width Featured image\r\n\/\/----------------------------------------*\/\r\n\r\n#top.single .container {\r\n  padding: 0 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n}\r\n#top.single .entry-content-wrapper {\r\n        max-width:100%!important;\r\n        margin:0 auto;\r\n        padding:0 50px;\r\n        background:gold;\r\n}\r\n#top.single .entry-content {\r\n        max-width:100%!important;\r\n        margin:0 auto;\r\n}\r\n#top.single .content {\r\n  padding-top: 0 !important;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-hyzwp9-d3a3f1333bb1f7ec3f06f27986b916ea hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-hqw07p-a37b1b0192c2f1b7757328da29456633 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove featured image on all posts<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-hmyi2t-7dbfc8163cd185aec9355f0b7fd8d412 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To hide the featured image on selected posts, check the option &#8220;Don&#8217;t display image on single post&#8221; under the featured image for each post.<\/p>\n<p>Adding the below code to functions.php will remove featured image on all posts. The featured image will only be displayed on the blog index page.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-3hir2x1-cd173eeb2d87ce3fc933ee663ee82e80 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-3frezl1-31-5809ecaf1ea3b78bf638a87caeea3edf av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-7bw52t-5a3881a3dd3a38a4a422936d450d7173'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-5' data-fake-id='#toggle-id-5' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-5' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-5' aria-labelledby='toggle-toggle-id-5' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-h81sbh-1f82d76823cd1d4c6334f8932577bb60 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-h6tkhx-4251940cab66ea9274659d6dd7e0fc67 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Full-width single post<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-gvymf9-c879e61a632e8436122f2a1e0d836006 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To make a single post page full-width add the below CSS to your custom styles.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-38vtvo5-01e3a18ca8f2587e5ca88362ac5d482c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-37kuzr9-ba16606ca3ba7bae18bf0c09f9815b74 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-5qgvs5-d7525bcae408cb7f87ffbea3783769a0'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-6' data-fake-id='#toggle-id-6' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-6' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-6' aria-labelledby='toggle-toggle-id-6' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Full-width Single Post \r\n\/\/----------------------------------------*\/\r\n#top.single .post .blog-meta {\r\n    margin: 0 30px 10px 30px;\r\n    }\r\n#top.single .post .post-title {\r\n    text-align: left;\r\n    width: 100%;\r\n}\r\n#top.single .post .post-meta-infos {\r\n  text-align: left!important;\r\n}\r\n#top.single .post .entry-content-wrapper, \r\n#top.single .post .entry-content-header,\r\n#top.single .post .entry-content,\r\n#top.single .post .post-title,\r\n#top.single .post .entry-footer  {\r\n  min-width: 100%!important;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-gubhkd-78bb713ebfa6b6ce4ddd4ce4f7f04908 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-glq14t-176a37e30cf13cef810d7fb52bcd47ab '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Add custom link to post title<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-gg0m2l-70eb419f11c12df9f16f2c6fc8c000f9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To open an external link or a page on the same site when a post title is clicked. Select the post format as Link and add your text and link in the post.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7196\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/format.png\" alt=\"\" width=\"408\" height=\"368\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/format.png 408w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/format-300x271.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/p>\n<p>In case you do not see the post format options, you have to enable it from the screen option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7199\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format.png\" alt=\"\" width=\"1037\" height=\"332\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format.png 1037w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format-300x96.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format-768x246.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format-1030x330.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format-705x226.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-format-450x144.png 450w\" sizes=\"auto, (max-width: 1037px) 100vw, 1037px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-gubhkd-26-31c09e9adf7616c3e7f32b92d535be38 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-glq14t-25-62bc8d4301790bb214232c1875a2d84c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove featured image link from single post<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-gg0m2l-24-90ca6ce378fd8300ed4362ebeac783cc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To remove featured image link on single post, please add following code to bottom of Functions.php file of your <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/child-theme\/\">child theme<\/a> in Appearance &gt; Editor<\/p>\n<pre><code>add_filter('avf_post_featured_image_link','av_remove_featured_image_link');\r\nfunction av_remove_featured_image_link(){\r\n\tif(is_single()){\r\n\t\techo get_the_post_thumbnail( $current_post['the_id'], 'featured' );\r\n\t}\r\n}<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-ga1s9x-775874342f7efae50cecb03191aabd90 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-g5gx39-f2b6680ee9ae8cf3e34b02b5143f62b3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Blog archive<\/h2>\n<\/div><\/section>\n<div  class='hr av-fwt7n1-a6cb77b23ac1cb243a04e6459632d234 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1knogd-f8026159179317cfd0bbae7b2ddef48d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>How to create a custom blog page<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-fkkhwd-5f0e58798e5d9c6f35706db255da58fb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Enfold allows you to set your blog page from the theme settings and to\u00a0<a title=\"Setting your Home and Blog pages\" href=\"https:\/\/www.kriesi.at\/documentation\/enfold\/2013\/12\/02\/setting-your-home-and-blog-pages\/\">choose a default layout from the theme\u2019s General Settings<\/a>. You may however, want to have a unique layout for your blog page than the rest of the automatically generated pages.<span id=\"more-9\"><\/span><\/p>\n<p>1) Set the blog page<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7191\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1.png\" alt=\"\" width=\"1069\" height=\"339\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1.png 1069w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-300x95.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-768x244.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-1030x327.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-705x224.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-setup-1-450x143.png 450w\" sizes=\"auto, (max-width: 1069px) 100vw, 1069px\" \/><\/p>\n<p>2) Re-Create the Blog<\/p>\n<p>Now you have a page for your blog posts, but you need to add a blog element to this page. Go to your previously empty Blog page through the WordPress admin and, using the Advanced Layout Editor view, open up the Content Elements tab. Then drag an instance of the Blog Posts element into the builder:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7187\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element.png\" alt=\"\" width=\"1271\" height=\"558\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element.png 1271w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-300x132.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-768x337.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-1030x452.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-705x310.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Blog-element-450x198.png 450w\" sizes=\"auto, (max-width: 1271px) 100vw, 1271px\" \/><\/p>\n<p>3) Choose your layout<\/p>\n<p>Go to Enfold &gt; Theme Options &gt; Blog Layout and change the \u201cBlog Style\u201d drop-down option to \u201cUse the advanced layout editor to build your own blog layout (simply edit the page you have chosen in Enfold-&gt;Theme Options as a blog page)\u201d. Then save the settings and Enfold will use your page as the blog page.<\/p>\n<\/div><\/section>\n<div  class='hr av-feivsl-e5b34445974f8104cdb29ffd69009a11 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-fdk6kd-2678562bdd563e34ebad138b6a06752d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display post from specific category, tag or custom taxonomy<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-f6zvmd-39f08fcc01a6bf4285e9c2792b754775 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Posts from a specific category, tags or a custom taxonomy can be easily displayed using the blog element. In the blog element settings, select &#8220;Display entries from a custom taxonomy&#8221; then select which entries you would like to display, as shown in the\u00a0picture\u00a0below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7198\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy.png\" alt=\"\" width=\"955\" height=\"430\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy.png 955w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy-300x135.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy-768x346.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy-705x317.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-by-custom-taxonomy-450x203.png 450w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-eyjjlp-99f5c18c017664b9a991783f34efbe89 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-et15ml-005ec822231da43b35533ab5bf4b343a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove sidebar on blog category page<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-eonxwl-2ada6359cf9c47b4438cb7349cec71f3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The below CSS will remove the sidebar and make the content fit the width of the category page.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-308ubjp-e4ab889cb4d5db66ed6b2e2278a279d9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-2yggpwl-0e89cf175c5b390e2b92333f042b6c21 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-ge16t-4ebb15a4835a43fa1ab75820974abe45'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-7' data-fake-id='#toggle-id-7' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-7' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-7' aria-labelledby='toggle-toggle-id-7' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Remove sidebar on blog category \r\n\/\/----------------------------------------*\/\r\n\r\n #top.archive.category .sidebar {\r\n  display: none!important;\r\n  border: none!important;\r\n }\r\n\r\n #top.archive.category .content{\r\n  width: 100%;\r\n  border: none !important;\r\n }\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-efev5x-fecb4eece57ad405a59639f3bb15f7a2 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1fqq31-916f41be997296b7e0d4aed508b63722 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Change archive (category\/tag) blog style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-e40l3p-6a3b6b73180593aff169066e0b3b64de '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Change the default layout of category and tag pages by using the \u201cavf_blog_style filter\u201d.<\/p>\n<p>For category pages, add the following code to the\u00a0functions.php file:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-a23dlh-5cc2ea1560135aa511b752a269199f07 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-9th8h1-76237a4300ffd2d53eb2462b512edb87 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-9s1d6t-888a96b628111be2bc65bb512af1cb73'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-8' data-fake-id='#toggle-id-8' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-8' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-8' aria-labelledby='toggle-toggle-id-8' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-dt1p1x-506f10f897ef23be071e0a0a9a89ab02 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>For tag pages, use the following:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-a23dlh-23-c49fcec13ca1ce0300c4b5fc4941e27d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-9th8h1-22-6078d0703c0f61395354f5d65274ca68 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-775yj9-03d67884c7a157ab31548fbe552d54e0'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-9' data-fake-id='#toggle-id-9' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-9' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-9' aria-labelledby='toggle-toggle-id-9' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-dhcvd1-c6cd993869f3a3b349349073207366e6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Available layouts are single-small, single-big, blog-grid and multi-big.<\/p>\n<\/div><\/section>\n<div  class='hr av-dbruh9-9a556c2151fb2f12164380da14961062 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-d7p0zh-fd915ddd8e687f70029dea881d5cbf6d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Post title alignment on the archive page<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-d0nt8t-5860508b21a905b5bb8a2dc82be71ad3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To align the post titles left, center or right on the blog archive page add the\u00a0CSS\u00a0below to your custom CSS file.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-2kb2vv9-e84e760131df8ea32c76c6a05b68ef37 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-2hvyb79-3a5cef908b78ffc3be61c097ef4c6387 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-613on9-f43803b4b85aa753b32bbdb34729659a'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-10' data-fake-id='#toggle-id-10' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-10' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-10' aria-labelledby='toggle-toggle-id-10' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Blog title alignment\r\n\/\/----------------------------------------*\/\r\n\r\n\/* Align Blog Title *\/\r\n#top.page .entry-title {\r\ntext-align: right !important;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-cvn1j1-5ba3790ec669d7c9ad50e441449bbeee hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-clmm7x-6a68ee693d81e9923c329c92f8d9d518 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Hide Post Timeline<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-cj7kqd-3b4f4e2ee0421d2ce0b6ad9eca884e85 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Hide the timeline from Multi-Author and Single-Author blog style.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-2b8rex1-f52edc6df7a6459ea9de3fd825168826 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-29v3079-78c3f084d319fb734f7ab830c4b1a86b av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-4qm5qd-561d1cb2d353f60337b9833bedba4562'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-11' data-fake-id='#toggle-id-11' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-11' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-11' aria-labelledby='toggle-toggle-id-11' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Hide Post Timeline\r\n\/\/----------------------------------------*\/\r\n#top.page .blog-meta,#top.page .post_author_timeline {\r\n  display: none !important;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-cb5eqt-4e0a80609c8bc641b51f3be11a18d798 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-c5k0qt-8756ac647de510488b1583971a2b49c5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Using categories to style masonry blog grid<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-byvpid-32086ad5b34782dccaa216a9f6ed20d7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>All posts in a masonry grid added to a specific category can be styled to look different from other posts using custom CSS code.<\/p>\n<p>Example of <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/example-of-using-categories-to-style-masonry-blog-grid\/\" target=\"_blank\" rel=\"noopener\">using category to style masonry blog grid<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8621 size-full\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339.png\" alt=\"\" width=\"554\" height=\"554\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339.png 554w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339-80x80.png 80w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339-300x300.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339-36x36.png 36w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339-180x180.png 180w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/caegory-based-style-1-e1526863516339-100x100.png 100w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/p>\n<p>A unique CSS class name in the format &#8220;category-xyz&#8221; is added to all the post. To view the category class name right click and inspect the post article.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7193 size-full\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482.jpg\" alt=\"\" width=\"780\" height=\"189\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482.jpg 780w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482-300x73.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482-768x186.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482-705x171.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/CSS-Class-grid-e1526835624482-600x145.jpg 600w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>We can use this unique class name to style the posts in the blog grid. Let us look at the custom CSS to style posts in a specific category to look different.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-7iycb9-4df3cb629861512bcc3aab2ba1336f24 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-22a4m79-35db40f5789895bd1df08143c44b320f av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-3alilx-7b831edd92b8713534b2703d573f8e48'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-12' data-fake-id='#toggle-id-12' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-12' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-12' aria-labelledby='toggle-toggle-id-12' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*--------------------------------------------\r\n\/\/ CSS - Using category to style masonry grid\r\n\/\/-------------------------------------------*\/\r\n\r\n\/* excerpt background color *\/\r\n#top .category-one figcaption { \r\n  background: #c1d82f;\r\n}  \r\n\r\n#top .category-two figcaption { \r\n  background: #7d3f98;\r\n}  \r\n\r\n#top .category-three figcaption { \r\n  background: #fd5c63;\r\n}  \r\n\r\n#top .category-four figcaption {  \r\n  background: #3be8b0;\r\n}  \r\n\r\n\/* Blog title*\/\r\n#top .category-one figcaption .entry-title ,\r\n#top .category-two figcaption .entry-title ,\r\n#top .category-three figcaption .entry-title ,\r\n#top .category-four figcaption .entry-title  \r\n{\r\n  color: #FFF;\r\n}\r\n\r\n\/* Blog meta*\/\r\n#top .category-one figcaption .meta-color ,\r\n#top .category-two figcaption .meta-color ,\r\n#top .category-three figcaption .meta-color ,\r\n#top .category-four figcaption .meta-color  \r\n{\r\n  color: #000;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-7iycb9-20-51d9268d9575668aad0bc938d5ec9e21 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>NOTE: <\/strong>The same technique can be used to style the masonry blog grid using the CSS class names for tags.<\/p>\n<\/div><\/section>\n<div  class='hr av-bt9uj9-1385df03bdae17ec417e49b4f9aabf13 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-bp23kl-a861a7af5b30752906b8fa3de209dda9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h3>Replace the default \u201cBlog \u2013 Latest News\u201d title<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-bhtaol-2a12588cd46c404c0a6180195d536218 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><p>By default, the blog single page title will be \u201cBlog \u2013 Latest News\u201d. You can use the following function to change that to reflect the page title instead:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-1uh2inp-60336ceecc8f8d6c228aafa339e00191 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-1toi51x-d9456725ca4a38f4b7ea3746d061b6c5 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-7l0ps5-491d498d221166610b19a71173937354'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-13' data-fake-id='#toggle-id-13' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-13' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-13' aria-labelledby='toggle-toggle-id-13' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-bhtaol-19-19fedaf07541aaf5ea26222ec534358f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><p>P.S.: If you are using WordPress in another language, replace \u201cBlog \u2013 Latest News\u201d in the code above to your own language.<\/p>\n<\/div><\/section>\n<div  class='hr av-bcafqd-062e7c716fcab8a88925bc39acc485cb hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-b6owbx-efdbe04df4013d226b6ccc7b51f42f7f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Meta elements<\/h2>\n<\/div><\/section>\n<div  class='hr av-b10t3x-e319e2f86da0b96be83daf9051f9a5e3 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-12yf3h-56c9e733ff95222f6abab0b8b79d63a6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display post tags on Blog Posts element<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-12ms45-34e99aa1e0678cccf518e9a1df4d53f8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>You can add following code to bottom of functions.php file of your <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/child-theme\/\">child theme<\/a> in Appearance &gt; Theme Editor to display tags on Blog Posts element<\/p>\n<pre><code>\r\nadd_filter('avf_show_tags_meta', 'show_tags_on_blog_posts');\r\nfunction show_tags_on_blog_posts(){\r\n\treturn true;\r\n}\r\n<\/code><\/pre>\n<p>If you are using Blog Grid style, please use following code instead<\/p>\n<pre><code>\r\nfunction new_avf_postslider_posts_meta_data_show(){\r\n\treturn true;\r\n}\r\nadd_filter('avf_postslider_posts_meta_data_show', 'new_avf_postslider_posts_meta_data_show');\r\n<\/code><\/pre>\n<p>Note: Filter was added in Enfold 5.4.<\/p>\n<\/div><\/section>\n<div  class='hr av-j5xel-a21e5f998349662d1d465e09411761aa hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-gag3h-943d707c37ed7ed6295d60642d44c1ed '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Post excerpt alignment on the archive page<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-129j1-4d21565f80adc45d2a738416d7126d00 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To align the post excerpt left, center or right on the blog archive page add the\u00a0CSS\u00a0below to your custom CSS file.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-1uh2inp-18-a5d3d99a3adf26e09e40999ace8856ec '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-1toi51x-17-81422d68ed11ad94fa6b20b1556695fe av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-64xps5-377e1405b39f062850ac9eb6eea86396'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-14' data-fake-id='#toggle-id-14' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-14' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-14' aria-labelledby='toggle-toggle-id-14' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><code>\/*-----------------------------------------<br \/>\n\/\/ CSS - Blog excerpt alignment<br \/>\n\/\/----------------------------------------*\/<\/code><\/p>\n<p>#top.page .slide-content *,<br \/>\n#top.page .entry-content-wrapper * {<br \/>\ntext-align: right !important;<br \/>\n}<\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-ai4bf9-a8c54e656e90a108da93ca998eecc5b9 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-ad9wvh-acb223499b493b58237b214ea0fbf95f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Hide separator between meta info<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-10vtwt-04357998c03120d935ea830e2d788fd1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Remove slash separator &#8220;\/&#8221; between comments and time in blog grid meta.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-1maoqlh-47dd65536a606fda819c0e3f8174f3d5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-1kuvt91-0bf229b1ec6732df7f9e52637a42bf21 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-4mszgl-6f4cb28aae23d51f49be19a8f1506b99'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-15' data-fake-id='#toggle-id-15' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-15' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-15' aria-labelledby='toggle-toggle-id-15' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Remove slash in blog grid meta\r\n\/\/----------------------------------------*\/\r\n\r\n.slide-meta .slide-meta-del {\r\n    display: none !important;\r\n}\r\n.slide-meta div{\r\n  margin-right: 5px;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-9y8b6t-615e540df01dda9eaa4cd38e60d3b1bf hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-9sxykd-0bccf6a6f59a765a2627e4d50ead30b6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Show\/Hide blog post meta elements<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-9ojv7h-43402937a19d969c05f6c6beb8758a51 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To control the display of the meta elements like Date, Author, Comments, etc on the blog post go to Enfold &gt; Blog Layout &gt;\u00a0Blog meta elements<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7197\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta.png\" alt=\"\" width=\"945\" height=\"269\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta.png 945w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta-300x85.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta-768x219.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta-705x201.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/meta-450x128.png 450w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-9jy3m5-e29cceb6dde6a21638bbc8f324c0ab4f hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-9eudf1-733751b56c007de402a5d00aafc4826d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display author box after each post<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-9894it-a329dc732758544d7bc0341ae0720235 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Let&#8217;s look at 3 different methods to display the author info on the post page.<\/p>\n<ul>\n<li>Theme options<\/li>\n<li>Custom code<\/li>\n<li>Plugins<\/li>\n<\/ul>\n<p><strong>Theme options<\/strong>: To display the author image (with a link to the author page)\u00a0beside the feature image of the post. Go to\u00a0 Enfold &gt; Blog Layout &gt; Single post Option &gt; Single post style &gt; Multi Author\u00a0Blog.<\/p>\n<p><strong>Custom code<\/strong>: Using custom code for a simple author box like the below example:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7186\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box.jpg\" alt=\"\" width=\"893\" height=\"215\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box.jpg 893w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box-300x72.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box-768x185.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box-705x170.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/author-box-450x108.jpg 450w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\" \/><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-52wbxx-54054f61456e0da5f570c745c5a507b8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-1dfiomd-7a2e0cebd48e8431cae325abcb1c42ce av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-2n6r3p-7dba1196e8c0fc9e0b9bda1a84737079'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-16' data-fake-id='#toggle-id-16' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-16' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-16' aria-labelledby='toggle-toggle-id-16' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-6lypol-c78de8b0b6262b070b3bbdd30b0b9393'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-17' data-fake-id='#toggle-id-17' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-17' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-17' aria-labelledby='toggle-toggle-id-17' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Author bio box\r\n\/\/----------------------------------------*\/\r\n\r\n.author_box {\r\nfont-family: 'Montserrat', sans-serif;\r\npadding: 15px;\r\nborder: 1px solid #D8D8D8;\r\nbackground: #f6f6f5;\r\n} \r\n.author_box:after {\r\n   content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n.author_name {\r\nfont-size: 1.85rem;\r\nfont-weight: bold;\r\nmargin-bottom: 15px;\r\ncolor:#000;\r\n}\r\n.author_box img{\r\nborder-radius: 50%;  \r\nmin-width: 90px;\r\nmargin-right: 10px;\r\n}\r\n.author_info {\r\nfont-size: 1rem;\r\nfont-weight: 300;\r\nwidth: calc(100% - 110px);\r\nfloat: right;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-33ogk5-97b883313e74d3fe2b66420875db8ed7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Plugins<\/strong>: There are many <a href=\"https:\/\/wordpress.org\/plugins\/search\/author+bio\/\" target=\"_blank\" rel=\"noopener\">author bio plugins<\/a>\u00a0available with advanced options and social media integration. Some of them you can try are listed below.<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/starbox\/\" target=\"_blank\" rel=\"noopener\">Starbox<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/birds-author-box\/\" target=\"_blank\" rel=\"noopener\">Birds author box<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/simple-author-box\/\" target=\"_blank\" rel=\"noopener\">Simple Author Box<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/sexy-author-bio\/\" target=\"_blank\" rel=\"noopener\">WP Author Bio<\/a><\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-8odm19-4238330c678e58d3b9f95112f5a7ebf4 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-8ghbgt-eda09e4b4e13b36a4b5fc7264e4c7cb0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Post with meta data below title<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-8c2zmd-c96ebf3dd52ba2486d9df7659286c897 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>We have had several requests to move the meta info with the date under the post title so here it is.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7189\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry.jpg\" alt=\"\" width=\"837\" height=\"495\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry.jpg 837w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry-300x177.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry-768x454.jpg 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry-705x417.jpg 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/blog-entry-450x266.jpg 450w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-y342et-1481340123b3818ac3dcb8069d1374c9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-w71kth-253e564526b07b2bfa31706e313d6408 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-ftcct-f89cb50085b3063ebeb521ddbd38de01'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-18' data-fake-id='#toggle-id-18' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-18' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-18' aria-labelledby='toggle-toggle-id-18' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-2pw26t-513f346bf99073625110df55f9b9acfb'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-19' data-fake-id='#toggle-id-19' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-19' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-19' aria-labelledby='toggle-toggle-id-19' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Blog meta after post title\r\n\/\/----------------------------------------*\/\r\n #top .post-meta-infos {\r\n    margin-top: 0!important;\r\n  }\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-7zsos5-a234da37bae1d892a7b1de83df83effd hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-7t5wbx-296309500e4475c770b92b13f88f4dd9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Excerpts<\/h2>\n<\/div><\/section>\n<div  class='hr av-7qsttx-178549295412c21314b31d5189a75586 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r689h-b8fbe35831493b5227cb1eb311a40bc9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Excerpts text option missing from post page<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-r689h-15-1bff1d5c96c3ab15a7e3f26401059d1c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>In case you are trying to add the excerpt text and cannot find the option to enter the blog excerpt text.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8575 size-full\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910.png\" alt=\"\" width=\"925\" height=\"180\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910.png 925w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910-300x58.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910-768x149.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910-705x137.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-field-e1526819302910-600x117.png 600w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/p>\n<p>Check if the &#8220;Excerpt&#8221; option is selected in the &#8220;Screen options&#8221; on the top right of the page. Once you select the &#8220;Excerpt&#8221; option, you should be able to view the option to enter the excerpt text.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8577\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options.png\" alt=\"\" width=\"795\" height=\"303\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options.png 795w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options-300x114.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options-768x293.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options-705x269.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpts-options-600x229.png 600w\" sizes=\"auto, (max-width: 795px) 100vw, 795px\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-7qsttx-16-c6c62fce2773cabee6d13d64f7bc57ff hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r689h-14-391f3f4ec921c37416eaa4947611ed54 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Change Post Slider excerpt length<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-7dhxv1-32cf873d748511d62f1bfc3b2be12170 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>This is a function to change the length of the excerpts on the Post Slider element:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-p0fis5-444cc3f4b89dcbb4c7624122b4650c32 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-o6322t-52a152b6ed71dc8f85c6fb74ff0673d8 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-ctcc51-e676187865b82c4404d63914fbd025a6'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-20' data-fake-id='#toggle-id-20' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-20' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-20' aria-labelledby='toggle-toggle-id-20' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-6zphy5-9a101ccf54d40040e43eaa36b4eee0dc hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6ttqhp-d73206b8a3fc1ffd2ae5fb9a11434dfb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Replace read more link with an icon<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-6r9rj9-7568ce11a4934c89b29ad108972e5a60 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7195\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon.png\" alt=\"\" width=\"869\" height=\"553\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon.png 869w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon-300x191.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon-768x489.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon-705x449.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/excerpt-icon-450x286.png 450w\" sizes=\"auto, (max-width: 869px) 100vw, 869px\" \/><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-p0fis5-13-934792e033fba271467b0190959e6d2c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-o6322t-12-575725d3d0b4ed8429418c4296d7a0d7 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-acyr3p-1293b553e6cbd05b802c265738a5da51'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-21' data-fake-id='#toggle-id-21' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-21' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-21' aria-labelledby='toggle-toggle-id-21' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - replace readmore link with an icon\r\n\/\/----------------------------------------*\/\r\n#top .read-more-link {\r\n  top: -5px;\r\n  display: inline-block;\r\n  margin-left: 10px;\r\n}\r\n#top .read-more-link a.more-link {\r\n  font-size: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: #dfdfdf;\r\n}\r\n\r\n#top .read-more-link a.more-link:hover, #top .read-more-link a.more-link:hover .more-link-arrow::after {\r\nbackground: #000;\r\ncolor:#FFF;\r\n}\r\n.more-link-arrow::after {\r\ncontent: 'E875';\r\n  font-family: 'entypo-fontello';\r\n  font-size: 12px;\r\n}\r\n#top .slide-meta {\r\n    margin-top: -10px;\r\n  }\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-6jmg9p-60d7b50937a8963a7f68fb89b31ea152 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6ckbcl-472375c29b66e0e806ad3175a1509408 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Sort Filters<\/h2>\n<\/div><\/section>\n<div  class='hr av-654tpx-9467436b1373ac3399f95ec62d4b35a0 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-60tjfx-4f11f1c5af8c40220a00c77e87d5daf6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Change the sort order of Blog Posts Elements by Last updated, Post Name, etc<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5v3zr1-2db62a342801b05abd401b44df5dfb3d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>By default, the blog post elements that display the post items will show them sorted by date created. What if you want to change the order of the items alphabetically? It\u2019s easy. Use this filter in your functions.php:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-grpalh-8208554c08bd24a1c810dbdd377d04be '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-fe8685-1e5f66b342967d4c18657c5f1b8c04aa av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-8j952d-2407a580cad7fe3891c6fc88d04f6444'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-22' data-fake-id='#toggle-id-22' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-22' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-22' aria-labelledby='toggle-toggle-id-22' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-5iooct-48c177ea49c3914865760fdda066e41c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>You can see all of the Order and Orderby parameters for additional options here: <a href=\"http:\/\/codex.wordpress.org\/Class_Reference\/WP_Query#Order_.26_Orderby_Parameters\" target=\"_blank\" rel=\"noopener\">http:\/\/codex.wordpress.org\/Class_Reference\/WP_Query#Order_.26_Orderby_Parameters<\/a><\/p>\n<p>For example, to reverse the above it would be:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-grpalh-11-4d005842d35e4dc1884afb02609b0e2f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-fe8685-10-b31b03b5c4188d30f359cb43d2557fdf av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-6sku7p-6713d7076e2b9b93ba73ae1379a73aca'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-23' data-fake-id='#toggle-id-23' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-23' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-23' aria-labelledby='toggle-toggle-id-23' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-ir1wt-540924c4ec039586356c5d713a0dde3c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Or to just sort the visible items randomly on page load:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-grpalh-8-e297c99540a656c113a24b549ea27080 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-fe8685-7-e632df6af6e6b2266f5d42b467dc5846 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-6gtqqd-de1947a2f44b2693a33ace2efbf18a2e'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-24' data-fake-id='#toggle-id-24' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-24' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-24' aria-labelledby='toggle-toggle-id-24' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-4wsi4l-3702c62eee264bb0bcb96c0718b27f38 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Aside from adding these filters, you can also activate the order\/orderby option on the masonry element options panel which we will discuss below \ud83d\ude42<\/p>\n<\/div><\/section>\n<div  class='hr av-4r5jst-fb223b524198d28cef08e8a61ce4b290 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-4heoml-75db1b7fc5806da60cd92f1d9b3165a7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>How to add an order\/orderby option to the blog\/post slider\/portfolio\/masonry grid element<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-4gb8vh-a379cbcb6cd31cebc981d4abd31e1455 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Some users asked us how they can set a different order for their blog\/post slider\/portfolio\/masonry grid elements. The filter solution here: http:\/\/www.kriesi.at\/documentation\/enfold\/change-the-sort-order-of-portfolio-elements\/ is not flexible because it affects all elements and all custom queries. Since Enfold 2.7.1 it\u2019s possible to add some custom order\/orderby options to the blog\/post slider\/portfolio\/masonry grid settings which enable you to change the sort order for each element independently. Insert the code below into the child theme functions.php file and save the file. Then go to the blog\/post slider\/portfolio\/masonry grid element settings screen, scroll to the bottom of the options window and configure the order\/orderby settings. Then save the template and page and the posts should be displayed based on the new sort order.<\/p>\n<p>Attention \u2013 if you use the \u201cRandom\u201d sort option, do not use it in combination with the \u201cpagination\u201d setting. Otherwise, you risk that the user just sees the same posts over and over again because WordPress doesn\u2019t know which posts were used on the other pages.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-8hrcc5-ab4fce174ec5029fbce7093c92284b64 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-76ot91-47944d574599bbb6af0838ad3ca3afa0 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-8ohfx-357012c6f89d44a4aaec74cfe6571d97'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-25' data-fake-id='#toggle-id-25' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-25' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-25' aria-labelledby='toggle-toggle-id-25' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-445gud-4c54218eaab23a6554a33c37917db0c2 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3i88t1-f480a51a34a8fe55b4d459fec8c7adb9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Sort filter style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3dvjlp-9868c1c0787b03c88670c60180e87b09 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Masonry sort filter can be styled using custom CSS<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-8hrcc5-5-e8923b5b0dc9aaef80332d7811ae95a7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-76ot91-4-1c6a7cbb94acc99df4c0d6c252b66c92 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-2wqbxh-2112627a69dfa06c335ab9f641f057b0'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-26' data-fake-id='#toggle-id-26' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-26' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-26' aria-labelledby='toggle-toggle-id-26' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/*-----------------------------------------\r\n\/\/ CSS - Sort options styles\r\n\/\/----------------------------------------*\/\r\n\r\n\/* Sort option background*\/\r\n#top .av-masonry-sort {\r\nbackground: #222!important;\r\npadding:0!important;\r\n}\r\n\/* All sort link *\/\r\n#top .all_sort_button  {\r\ndisplay:none;\r\n}\r\n\/* Active sort filter *\/\r\n#top a.active_sort {\r\nbackground: #3369e7!important;\r\ncolor:#FFF!important;\r\n}\r\n\/* Sort options*\/\r\n#top .avia_show_sort, #top .all_sort_button {\r\npadding: 15px 20px!important;\r\n}\r\n\/* separator *\/\r\n#top .text-sep {\r\ndisplay: none;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-2u9z51-14367c71fbb797cc15a24c15ed78a4db hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2cf55x-3f0b6a91c8ea4dec127f07867aea45e7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Troubleshoot<\/h2>\n<\/div><\/section>\n<div  class='hr av-26hslx-c6ecda412501882bc7fd4716092b78fb hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-23v7il-6a00f1d558ea6f9168350312150e1fd7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>My blog looks different from enfold demo<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1w5rv1-039a10a633b5d56e951d61e592d547c5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Importing demos is the easiest way to get started with your new site. However sometimes depending on the website and server settings it may require some small steps to set everything up like the demo.<\/p>\n<ul>\n<li>Go to Settings &gt; Reading and check if a static homepage is set as Frontpage \u2013 if yes please deselect the static page option.<\/li>\n<li>If you haven&#8217;t created a menu and assigned it to display as your main menu then all the pages your site will be listed, please try creating your own menu and assign it in Appearance &gt; menu.<\/li>\n<li>The dummy content won&#8217;t reproduce the demo pages exactly because of license reasons with images, etc.<\/li>\n<li>Lastly because of the importer script limitations \u2013 i.e. dynamic templates aren\u2019t supported by the dummy content importer.<\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-1o7cwl-27186901905debc7484db77d003d353e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1j6i3p-25253c47b7cdc31cdab30fd4b50d2795 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Title and author\u2019s name is missing<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1e7n25-99a003eb89d539c359ffdb5f2dc5ac51 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Using Advanced Layout Builder to create a blog post will remove the default elements like post meta info, featured image, title, etc. You need to add the required elements manually from the advanced layout builder.<\/p>\n<\/div><\/section>\n<div  class='hr av-1ahvh1-61a8836ea697249609f954e4555a42ab hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-12328l-edaada6c38c30add46ca02f2306a021c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Comments don&#8217;t display on posts<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wd7qt-1adbafa5ec77288912a0d98069ed35a0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>If you are using the WordPress default editor and do not see comments. Open the \u201cScreen options\u201d on the top right corner, and select \u201cDiscussion\u201d and then scroll below ALB and enable discussion on your page.<\/p>\n<p>Comments do not work on any page\/post that uses Advanced Layout Builder. For page\/post with ALB you can add the comment element from the Layout Builder.<\/p>\n<\/div><\/section>\n<div  class='hr av-pydk5-208bb1891e5511f382896a50db609732 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-22p99-ca3d4353bd3110e0bf54b527ae2c5c09 '   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-hlcd9-851d10e9005af2fad29f99b7f8f511d4 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-az04d-982aed937f47f73206d5ade572e065e7 '   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=DM0aPR6-tJE\"> Blog Post 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":"no","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[16],"class_list":["post-277","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","tag-content-elements","documentation","content-elements"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/277","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=277"}],"version-history":[{"count":12,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":13478,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/277\/revisions\/13478"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}