{"id":316,"date":"2017-02-19T04:24:38","date_gmt":"2017-02-19T04:24:38","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=316"},"modified":"2022-03-08T17:11:01","modified_gmt":"2022-03-08T17:11:01","slug":"testimonials","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/testimonials\/","title":{"rendered":"Testimonials"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-b9399eb3d182fc5cc00d7030fda68d72\">\n#top .av-special-heading.av-av_heading-b9399eb3d182fc5cc00d7030fda68d72{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-b9399eb3d182fc5cc00d7030fda68d72 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-b9399eb3d182fc5cc00d7030fda68d72 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-b9399eb3d182fc5cc00d7030fda68d72 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\"  >Testimonials <\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-5tr0nw-466326dc8a5f089ea9a7461c9a4e5f7a 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-5s2bh8-d4103bfbddd48e9283fe968304fd75b7 '   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-5k1ivg-ff36ee6e74af4977b406451907691fe0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Any number of\u00a0testimonials can be displayed within a testimonial grid. You can also choose how many grid columns you want to display (minimum: 1, maximum: 4).<\/p>\n<p>Example of a <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/testimonials\/\" target=\"_blank\" rel=\"noopener noreferrer\">testimonial element<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-4wou7o-b0e12f2bc63bc4a496dc45ae6c94c4ea 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-4qvev0-5f29799c6a5d54ab90027552119ec29d '   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-4ezjb8-7330ac818a76217def3fdf87c9952ac6 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-45mu64-a0abe9080e3fb7a0b9c83639ac75ca0b '   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-3m074k-2ea8f7871a0d44a5b96d8948998b250c hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3djewk-65a4742d62fda575566d278fb73741c0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>CSS Reference<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-36loxo-66811620db08387e83005ed29bff4b91 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>CSS class name reference for each part that makes up the testimonial element.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-ax3h8-e7d3b6c593f44e126cd98254b9c0186c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/*----------------------------------------\n\/\/ CSS - \/* Testimonial CSS reference \n\/\/--------------------------------------*\/\n\n\/* Testimonial container *\/\n#top .avia-testimonial {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Testimonial Image *\/\n#top .testimonial-image-shape .avia-testimonial-image,\n#top .testimonial-image-shape .avia-testimonial-image img{\n\t\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Testimonial content *\/\n#top .avia-testimonial-content {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Large slider testimonial content *\/\n#top .av-large-testimonial-slider .avia-testimonial-content {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Testimonial meta *\/\n#top .avia-testimonial-meta-mini {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Name *\/\n#top .avia-testimonial-name {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Sub title *\/\n#top .avia-testimonial-subtitle {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Link *\/\n#top .avia-testimonial-meta a.avia-testimonial-link {\n\n\t\/* YOUR STYLE HERE *\/\n}\n\n\/* Slider arrows *\/\n#top .av-large-testimonial-slider .avia-slideshow-arrows a:before {\n\n\t\t\/* YOUR STYLE HERE *\/\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-2z3e84-b0cf04b8b2e21e04a9d4189ee443f32c hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2o1jp0-af741acce821047963851095c9d2e12f '   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-95puc-f83a421e0007bf08012318bd9ed891d8 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2djxk4-df0fa05609c7f11d656b6eae5ec48bff '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Testimonial Image shape<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-274lmk-0fc2d24cbb79d68e9cb9dc2e74dc1b99 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>By default, testimonial images are round in shape. If you like the testimonial images to be square or rounded corners please use the CSS below.<\/p>\n<\/div><\/section>\n<div  class='avia-testimonial-wrapper av-21crdg-ae5b583f2a956e050827d40e61bb9972 avia-grid-testimonials avia-grid-2-testimonials avia_animate_when_almost_visible testimonial-image-shape' >\n<section class=\"avia-testimonial-row\"><div class='avia-testimonial av-fl4v0-765580896e17897edfa3074ecfe97355 avia-testimonial-row-1 avia-first-testimonial flex_column no_margin av_one_half'><div class='avia-testimonial_inner'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia-testimonial-image'  itemprop=\"image\" ><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"128\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/71.jpg\" class=\"attachment-square size-square\" alt=\"\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/71.jpg 128w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/71-80x80.jpg 80w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/71-36x36.jpg 36w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/71-100x100.jpg 100w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/div><div class='avia-testimonial-content '><div class='avia-testimonial-markup-entry-content'  itemprop=\"text\" ><p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/p>\n<\/div><\/div><div class=\"avia-testimonial-meta\"><div class=\"avia-testimonial-arrow-wrap\"><div class=\"avia-arrow\"><\/div><\/div><div class='avia-testimonial-meta-mini'  itemprop=\"author\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/Person\" ><strong  class='avia-testimonial-name'  itemprop=\"name\" >Maxi Milli<\/strong><span  class='avia-testimonial-subtitle '  itemprop=\"jobTitle\" >Public Relations<\/span><span class='hidden avia-testimonial-markup-link'  itemprop=\"url\" >http:\/\/www.wikipedia.com<\/span><span class=\"avia-testimonial-subtitle-sep\">&ndash;<\/span><a class='avia-testimonial-link' href='http:\/\/www.wikipedia.com' target=\"_blank\" rel=\"noopener noreferrer\">Max Mobilcom<\/a><\/div><\/div><\/div><\/div>\n<div class='avia-testimonial av-74i1g-e98f4713b650722ee825c1975e2c03ef avia-testimonial-row-1 avia-last-testimonial flex_column no_margin av_one_half'><div class='avia-testimonial_inner'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia-testimonial-image'  itemprop=\"image\" ><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"128\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/33.jpg\" class=\"attachment-square size-square\" alt=\"\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/33.jpg 128w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/33-80x80.jpg 80w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/33-36x36.jpg 36w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/33-100x100.jpg 100w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/div><div class='avia-testimonial-content '><div class='avia-testimonial-markup-entry-content'  itemprop=\"text\" ><p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.<\/p>\n<\/div><\/div><div class=\"avia-testimonial-meta\"><div class=\"avia-testimonial-arrow-wrap\"><div class=\"avia-arrow\"><\/div><\/div><div class='avia-testimonial-meta-mini'  itemprop=\"author\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/Person\" ><strong  class='avia-testimonial-name'  itemprop=\"name\" >Dr. Dosist<\/strong><span  class='avia-testimonial-subtitle '  itemprop=\"jobTitle\" >Dean of Medicine<\/span><span class='hidden avia-testimonial-markup-link'  itemprop=\"url\" >http:\/\/www.wikipedia.com<\/span><span class=\"avia-testimonial-subtitle-sep\">&ndash;<\/span><a class='avia-testimonial-link' href='http:\/\/www.wikipedia.com' target=\"_blank\" rel=\"noopener noreferrer\">Doom Inc<\/a><\/div><\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-1kbp5o-6a84f9df3976e843209928c7c2b9e9c7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre> <code>\/*----------------------------------------\n\/\/ CSS - Testimonial \n\/\/--------------------------------------*\/\n\n\/* Image shapre*\/\n\n#top .avia-testimonial-image,\n#top .avia-testimonial-image img{\n\tborder-radius: 2px!important;\n}<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-1dmc44-b903a61c579831561f1d994c23a5d5aa 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-16dj84-e55f96c97163626204b1b2da9c561ffe '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Testimonial image on top<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-13wndo-5d2769107380aef3fa045eee3468d3fa '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To move the testimonial meta info to the top, please add the below code to your functions.php<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top.png\" alt=\"\" width=\"774\" height=\"390\" class=\"alignnone size-full wp-image-7311\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top.png 774w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top-300x151.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top-768x387.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top-705x355.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Testimonial-image-on-top-450x227.png 450w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/p>\n<\/div><\/section>\n<p><br \/>\n\/\/&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br \/>\n\/\/ php &#8211;  Testimonial image on top<br \/>\n\/\/&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>function add_custom_script(){<br \/>\n?><br \/>\n<script>\njQuery(function() {\n    jQuery(\".avia-testimonial-meta\").each(function(){\n        jQuery(this).closest('.avia-testimonial_inner').prepend(jQuery(this));\n    });\n});\n<\/script><br \/>\n<?php\n}\nadd_action('wp_footer', 'add_custom_script');\n[\/av_codeblock]\n\n[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' av_uid='av-2helw']\n\n[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' custom_class='' admin_preview_bg='' av_uid='av-k7vy4']\n\n\n<h2>Resource<\/h2>\n<p>[\/av_textblock]<\/p>\n<div  class='hr av-fnpgc-8f2ace1a80519fd4babc7315e9c8f6c9 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6n84k-60bf0dab6c1c93655a0c0f592f7d893a '   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=1lhy3YeS2t8\"> Testimonial 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-316","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\/316","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=316"}],"version-history":[{"count":3,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/316\/revisions"}],"predecessor-version":[{"id":12871,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/316\/revisions\/12871"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}