{"id":324,"date":"2017-02-19T04:21:47","date_gmt":"2017-02-19T04:21:47","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=324"},"modified":"2023-01-12T15:34:37","modified_gmt":"2023-01-12T15:34:37","slug":"post-slider","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/post-slider\/","title":{"rendered":"Post Slider"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2hr8-d92a622a88310f283f8799c8ed047ca5\">\n#top .av-special-heading.av-2hr8-d92a622a88310f283f8799c8ed047ca5{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-2hr8-d92a622a88310f283f8799c8ed047ca5 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-2hr8-d92a622a88310f283f8799c8ed047ca5 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-2hr8-d92a622a88310f283f8799c8ed047ca5 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\"  >Post Slider<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-89jnuk-c6af2e3351e24ea8048b570b04f712dd 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-7yv1ec-c133e4d838fa6d99278ad94764bb6465 '   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-7xo1k4-1650360a0631a05e1d15b894cb64aacd '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The post slider element allows you to display a 2-5 column slider with entries, that are fetched from any of your Themes active Taxonomies. This also includes Taxonomies that are added via Plugins. So for example, if you have a shop plugin active you will also be able to display the latest Products.<\/p>\n<p>Examples of <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/post-slider\/\" target=\"_blank\" rel=\"noopener\">post slider<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-7r9ydo-623e18d8443dbaac214e2a25751669b0 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-7l4obw-53b84e6d331de45eae6f05aef3d8751e '   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-6  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-75nx4c-28816e8202bf621507841309ef1e5da3 hr-default  avia-builder-el-7  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-70g86c-0a352c6544d372c2e67093d276d53a62 '   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-6lncj8-8189b52f124f384b2fd6b1de8c575ec5 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6ck7j0-5023dc77f958cc601e52e92f3a48ec1f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='hr av-67mxl0-44944ab96390cec864bf90f1cf215ea4 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6210ak-4757250138fdf552299cd3ad77b34fbc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Post slider with round thumbnails<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5txn3g-ed3c24abc67816064235333dd3b28111 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To change the shape of the thumbnails in the\u00a0post slider please use the below CSS. Best results are achieved when the thumbnail is square\u00a0in share or else the images will look stretched. In the Post\u00a0Slider option select the preview image size as 300&#215;300.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7294\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider.png\" alt=\"\" width=\"1284\" height=\"586\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider.png 1284w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider-300x137.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider-768x351.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider-1030x470.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider-705x322.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/post-slider-450x205.png 450w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/><\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-5jtyi4-09beada64e08ee88404615a1f7d6d884 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre><code> \r\n\/*----------------------------------------\r\n\/\/ CSS - Post slider with round thumbs\r\n\/\/--------------------------------------*\/\r\n\r\n.avia-content-slider .slide-image, \r\n.avia-content-slider .slide-image img {\r\n    border-radius: 200px;\r\n    background: transparent!important;\r\n    width: 200px;\r\n    min-width:200px;\r\n    height: 200px;\r\n}\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-5d8404-a6e6bc18bc4931af8f0ad355f6352155 hr-default  avia-builder-el-11  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-58q8uc-9221985776afcfe18f85ee757263bde1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display post tags on Post Slider<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-53cfzo-26a27c0ed194e5c4d4a3fba0c479ec48 '   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\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/child-theme\/\">child theme<\/a> in Appearance &gt; Theme Editor to display tags on Post Slider element<\/p>\n<pre><code>\r\nadd_filter('avf_postslider_posts_meta_data_show', 'display_tags_on_post_slider');\r\nfunction display_tags_on_post_slider(){\r\n\treturn true;\r\n}\r\n<\/code><\/pre>\n<p>Note: Filter was added in Enfold 5.4.<\/p>\n<\/div><\/section>\n<div  class='hr av-av_hr-24d9b57a56e73600b2072fcf54ff5ead hr-default  avia-builder-el-13  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-av_textblock-9892ca9d6e5bdc8fa1d7ffcac136d11b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Title, Meta &amp; Excerpt<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-av_textblock-9892ca9d6e5bdc8fa1d7ffcac136d11b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Title, meta and excerpt text inherits the style which is set in the theme options. To add custom CSS style to this element please view the CSS code snippet below.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-4sbfjw-a49711a2690466864adea957fadb50cc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Post slider titel, meta and excerpt \r\n\/\/--------------------------------------*\/\r\n\r\n\/* Title *\/\r\n.avia-content-slider .slide-entry-title  {\r\nfont-family: 'Playfair Display', serif;\r\ntext-transform:uppercase;\r\nletter-spacing:.45em;\r\n}\r\n\r\n\/* Meta area *\/\r\n.avia-content-slider .slide-meta,\r\n.avia-content-slider .slide-meta a {\r\n\t font-size:11px;\r\n\t color:#ddd;\t \r\n\t}\r\n\r\n\/* Comments *\/\r\n.avia-content-slider .slide-meta .slide-meta-comments a {\r\n\t\/* YOUR STYLE HERE *\/\r\n}\r\n\r\n\/* separator *\/\r\n.avia-content-slider .slide-meta .slide-meta-del {\r\n\t\/* YOUR STYLE HERE *\/\r\n}\r\n\r\n\/* Date *\/\r\n.avia-content-slider .slide-meta .slide-meta-time {\r\n\t\/* YOUR STYLE HERE *\/\r\n}\r\n\r\n\/* Excerpt content*\/\r\n#top .avia-content-slider .slide-entry-excerpt {\r\n\tfont-family: 'Roboto Mono', monospace;\r\nfont-size:13px;\r\nline-height:1.9em;\r\n}\r\n\/* Text area  *\/\r\n#top .avia-content-slider .slide-content {\r\n\/* \tbackground-color:gold; *\/\r\n\t}\r\n#top .avia-content-slider article.slide-entry {\r\nmargin-bottom:40px;\r\n}\r\n\r\n#top .avia-content-slider .avia-content-slider-inner {\r\nheight: 100% !important;\r\n}\r\n\r\n\/* Read more link *\/\r\n#top .avia-content-slider .read-more-link {\r\n\t\tbackground-color:#efefef;\r\n\t\tdisplay:inline-block;\r\n\t\tpadding:0 0 0 10px;\t\t\r\n\t\tfont-size:10px;\r\n\t}\r\n<\/pre>\n<\/div><\/section>\n<div  class='hr av-4k7fz8-a764ec3025240135931d3a5666bf476c hr-default  avia-builder-el-18  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-4ebup0-e0df099532e47f91d51243f64eb95e09 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Border, shadow and background color<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-492ic4-387b3ff660543999be30f637b590b310 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The look and feel of the post slider element can be completely changed with the help of custom CSS snippets.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-3v5l5o-95315270fb2347901d7fcf9d5e772a49 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Post slider border, shadow and background\r\n\/\/--------------------------------------*\/\r\n#top .avia-content-slider {\r\npadding:0 10px;\r\n}\r\n#top .avia-content-slider article.slide-entry {\r\nbackground: #f6f6f6;\r\n\/*border: 1px solid rgb(160, 160, 160);*\/\r\nmargin-bottom:40px;\r\n}\r\n\r\n\/* Text area  *\/\r\n#top .avia-content-slider .slide-content {\t\r\n\tpadding:30px 20px;\r\n\tmargin-top:-10px;\r\n\t}\r\n#top .avia-content-slider-inner {\r\nheight: 100% !important;\r\n}\r\n\r\n\/* Shadow on hover *\/\r\n#top .avia-content-slider article.slide-entry\r\n {\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  transition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n}\r\n#top .avia-content-slider article.slide-entry:hover {\r\n  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n}\r\n<\/pre>\n<\/div><\/section>\n<div  class='hr av-3pb6b8-97d900ecc8befc55da0ac0ebe42ee3d1 hr-default  avia-builder-el-21  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-3le3lw-831dd7754150dda46bf119a383078059 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overlay effect for post slider<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3ck2j8-a8fe7a8f36badb438ae3b37ac05f2ca1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>We can add custom styled overlay effect for the post slider using CSS snippet.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-31cv3o-5d010513d4de4d47478d7928369566a8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\r\n\/\/ CSS - Post slider Overlay\r\n\/\/--------------------------------------*\/\r\n\r\n\/* Overlay *\/\r\n#top .avia-content-slider .slide-entry .slide-content {\r\n  \tposition: absolute;\r\n  \ttop: 50%;\r\n  \tleft: 50%;\r\n  \ttransform: translate(-50%, -50%);\r\n  \tbackground: rgba(0,0,0,.65);\r\n  \tpadding: 20px;\r\n  \twidth:100%;\r\n  \theight:100%;\r\n}\r\n\r\n\/* Title *\/\r\n.avia-content-slider .slide-entry-title  {\r\n  \tcolor:#FFF;\r\n\tfont-family: 'Playfair Display', serif;\r\n\ttext-transform:uppercase;\r\n\tletter-spacing:.45em;\r\n}\r\n\r\n\/* Meta area *\/\r\n.avia-content-slider .slide-meta,\r\n.avia-content-slider .slide-meta a {\r\n\t font-size:11px;\r\n\t color:#ddd;\t \r\n}\r\n\r\n\/* Excerpt *\/\r\n#top .avia-content-slider .slide-entry-excerpt {\r\nfont-size:13px;\r\nline-height:1.9em;\r\ncolor:#FFF;\r\n}\r\n\r\n\/* Read more link *\/\r\n#top .avia-content-slider .read-more-link {\r\n    color: #FFF!important;\r\n    background-color: #efefef;\r\n    padding: 0 0 0 10px;\r\n    font-size: 10px;\r\n    position: absolute;\r\n    margin-top: 15px;\r\n\t}<\/pre>\n<\/div><\/section>\n<div  class='hr av-2w7m4c-aeeb3935e30a105c642de07007bbc4da hr-default  avia-builder-el-26  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-2qg3fw-19c41b0f57589271d14463786954b71d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Random Post<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-2kbqkk-836df394e702ecf790006dab4947ab89 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To display random post in the post slider add the below code to your functions.php file.<\/p>\n<\/div><\/section>\n\n<div  class='hr av-2fqmwc-725175d298e80ab05e66b8e725e9dece hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-28jwus-eb86d04cf1f7c0eb884e2ed8835629a5 '   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-21kwl8-53189fdf931b1856f41b3fbc8fc0b2ca '   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: https:\/\/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 this code into the child theme functions.php file:<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-74v5w-2cfab2b7a570f350ef6d3dd350a274a1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>and save the file. Then go to the blog\/post slider\/portfolio\/masonry grid element settings screen, scroll to the bottom of the option 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><br \/>\n<div id='avia-messagebox-' class='avia_message_box av_notification av-1m6ttw-99565e7f69dfdd5dcde444801d6d1628 avia-color-red avia-size-large avia-icon_select-no avia-border-' ><div class=\"avia_message_box_content\"><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><\/div><\/p>\n<\/div><\/section>\n<div  class='hr av-1f24bg-af8290ba73b84e7d68d8f3644c5cc09d hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-4de58-da823dc6508f8153bf81b92cac0478a2 '   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-124084-145b7bf0bcc51a4be58bce3165212380 '   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\n<div  class='hr av-qhax8-2faf67aaa8671c55ac3ee23d6464e5a1 hr-default  avia-builder-el-31  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-jvr84-67d30cccbc10a1f4bf12465f8f3f1aaa '   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-hdvvw-9fcceb7701e7b68beb991c6b9b27280e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-9hoek-897300e5bf506693f389d4ef631a787d '   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=t_s-ejqlB_8\">Post Slider 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-324","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\/324","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=324"}],"version-history":[{"count":4,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/324\/revisions"}],"predecessor-version":[{"id":13481,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/324\/revisions\/13481"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}