{"id":546,"date":"2020-05-09T20:47:07","date_gmt":"2020-05-09T20:47:07","guid":{"rendered":"https:\/\/phox.whmcsdes.com\/docs\/?p=546"},"modified":"2020-05-23T22:40:18","modified_gmt":"2020-05-23T22:40:18","slug":"testimonials-widget","status":"publish","type":"post","link":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/","title":{"rendered":"Testimonials Widget"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\"><img decoding=\"async\" width=\"65\" height=\"59\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\" alt=\"\" class=\"wp-image-547\"\/><\/a><\/figure>\n\n\n\n<p> <strong>Testimonials<\/strong> widget is useful beyond comparison when it comes to adding your clients\u2019 positive feedbacks to your site. Feel free to style up the testimonials and add the beautiful testimonials carousel right to your web page in several clicks!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testimonials widget Sample<\/h2>\n\n\n\n<p>On the picture below you can view Testimonials widget sample.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view-1024x535.png\" alt=\"\" class=\"wp-image-548\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view-1024x535.png 1024w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view-300x157.png 300w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view-768x401.png 768w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view-1170x610.png 1170w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonial-view.png 1406w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Layout<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-layout.png\"><img decoding=\"async\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-layout.png\" alt=\"\" class=\"wp-image-550\" width=\"360\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-layout.png 660w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-layout-203x300.png 203w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Items on Screen<\/strong>&nbsp;&#8211; here you can specify how many items you want to show per section column (use&nbsp;1&nbsp;if you want to create a&nbsp;testimonials slider or specify the number of testimonials to create a&nbsp;<strong>carousel<\/strong>).<\/li><li><strong>Autoplay<\/strong>&nbsp;&#8211; enable this option in order to play the testimonials automatically.<\/li><li><strong>Autoplay Hover Pause&nbsp;<\/strong>&#8211; the slider\/carousel will be paused when on hover.<\/li><li><strong>Autoplay Speed<\/strong>&nbsp;&#8211; here you can set the autoplay speed in ms.<\/li><li><strong>Infinite Loop<\/strong>&nbsp;&#8211; enable this option if you need the testimonials to play infinitely.<\/li><li><strong>Show next\/prev Buttons<\/strong>&nbsp;&#8211; enable this option if you\u2019re using testimonials slider. The navigation arrows will be added to the right and left sides of the slider. <\/li><li><strong>Show Dots Navigation<\/strong>&nbsp;&#8211; enable this option if you\u2019re using testimonials carousel.<\/li><li><strong>Auto Height<\/strong> &#8211; enable this option if you need the testimonial carousel height to be Automatic.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Content<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-content.png\"><img decoding=\"async\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-content.png\" alt=\"\" class=\"wp-image-553\" width=\"360\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-content.png 664w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-content-223x300.png 223w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Click&nbsp;<strong>Add Item<\/strong>&nbsp;button to add a new testimonial to the widget.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Image<\/strong>&nbsp;&#8211; here you can add the photo of the feedback author.<\/li><li><strong>Icon<\/strong>&nbsp;&#8211; here you can select the icon to use for the testimonial.<\/li><li><strong>Title<\/strong>&nbsp;&#8211; input the title of the testimonial.<\/li><li><strong>Comment<\/strong>&nbsp;&#8211; here you need to add the testimonial text.<\/li><li><strong>Name<\/strong>&nbsp;&#8211; here you should input the name of the testimonial author.<\/li><li><strong>Link<\/strong>&nbsp;&#8211; here you should input the link of the testimonial author.<\/li><li><strong>Position<\/strong>&nbsp;&#8211; here you should add the testimonial author\u2019s work responsibilities.<\/li><li><strong>Date<\/strong>&nbsp;&#8211; here you can add the date when the testimonial was published.<\/li><li><strong>Rating<\/strong>&nbsp;&#8211; here you can choose the author\u2019s rating in stars.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Style<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-style.png\"><img decoding=\"async\" width=\"336\" height=\"874\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-style.png\" alt=\"\" class=\"wp-image-556\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-style.png 336w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-testimonials-style-115x300.png 115w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/a><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">General Setting<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Background Type<\/strong>&nbsp;&#8211; in this block you can choose, whether you want to use&nbsp;<strong>classic<\/strong>&nbsp;or&nbsp;<strong>gradient<\/strong>&nbsp;background type.<\/li><li><strong>Item Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials item.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can define the type of the border you need to use for the element.<\/li><li><strong>Border Radius<\/strong>&nbsp;&#8211; here you can set the border-radius for the chosen border to make the border angles more round.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the item.<\/li><li><strong>Order<\/strong>&nbsp;&#8211; here you can reorder the widgets blocks, by specifying the numbers in ascending order.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Image<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Alignment<\/strong>&nbsp;\u2014 here you can define the preferable image alignment. The image can be placed to the left, to the right, or remain centered.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; use controls to set the needed image width or type in the width value in px or % in the corresponding block.<\/li><li><strong>Height<\/strong>&nbsp;&#8211; use controls to set the needed image height or type in the height value in px or % in the corresponding block.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the&nbsp;Testimonials&nbsp;image item.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can define the type of the border you need to use for the image.<\/li><li><strong>Border Radius<\/strong>&nbsp;&#8211; here you can set the border-radius for the chosen border to make the border angles more round.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the image.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Icon<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Alignment<\/strong>&nbsp;&#8211; here you can define the alignment of the preferable icons. They can be placed to the left, to the right, or remain centered.<\/li><li><strong>Icon Color<\/strong>&nbsp;&#8211; here you can specify the color of the testimonials icons using color picker tool.<\/li><li><strong>Icon Background Color<\/strong>&nbsp;&#8211; here you can set the color to use it as the icon background.<\/li><li><strong>Icon Font Size<\/strong>&nbsp;&#8211; use the controls to change the icon size or type in the size value in px in the corresponding field.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can define the width of the border in px or EM.<\/li><li><strong>Height<\/strong>&nbsp;&#8211; here you can define the height of the border in px or EM.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials icon.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can select border type for the icon boxes.<\/li><li><strong>Border Radius<\/strong>&nbsp;&#8211; here you can set the border-radius for the chosen border to make the border angles more round.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the icon boxes.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Title<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Custom Width<\/strong>&nbsp;&#8211; enable this option to apply your custom width to the title of the testimonial.<\/li><li><strong>Text Alignment<\/strong>&nbsp;&#8211; use this option to set the needed text alignment for the testimonials title text.<\/li><li><strong>Alignment<\/strong>&nbsp;&#8211; here you can define the preferable title alignment. It can be placed to the left, to the right, or to remain centered.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the title color using color picker tool.<\/li><li><strong>Typography<\/strong>&nbsp;&#8211; turn the option on to view the typography settings.<\/li><li><strong>Padding<\/strong>&nbsp;&#8211; here you can set the preferable custom padding for the title. Fill in the values for the top, bottom, right, and left padding in pixels or % to apply your custom padding.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the&nbsp;Testimonials&nbsp;title.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Comments<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Text Alignment<\/strong>&nbsp;&#8211; use this option to set the needed text alignment for the testimonials comment text.<\/li><li><strong>Alignment<\/strong>&nbsp;&#8211; here you can define the preferable comment alignment. It can be placed to the left, to the right, or to remain centered.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the comment color using color picker tool.<\/li><li><strong>Typography<\/strong>&nbsp;&#8211; turn the option on to view the typography settings.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can set the necessary comment width using controls or input the width value in px or % in the corresponding field.<\/li><li><strong>Use Comment Corner<\/strong>&nbsp;&#8211; enable this option to decorate the comment block with the arrows pointing at the comment authors.<ul><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the comment corner color using color picker tool.<\/li><li><strong>Corner position<\/strong>&nbsp;&#8211; here you can change the comment corner position (move the controls to the left or to the right to change the position).<\/li><li><strong>Corner Width<\/strong>&nbsp;&#8211; here you can set the comment corner width.<\/li><li><strong>Corner Height<\/strong>&nbsp;&#8211; here you can specify the comment corner height.<\/li><li><strong>Corner Skew<\/strong>&nbsp;&#8211; here you can set the angle of the comment corner skew.<\/li><\/ul><\/li><li><strong>Background Type<\/strong>&nbsp;&#8211; in this block you can choose, whether you want to use&nbsp;<strong>classic<\/strong>&nbsp;or&nbsp;<strong>gradient<\/strong>&nbsp;background type. The customization options vary for each type. <\/li><li><strong>Padding<\/strong>&nbsp;&#8211; here you can set the preferable custom padding for the comment. Fill in the values for the top, bottom, right, and left padding in pixels to apply your custom padding.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials comment.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can select border type for the comment.<\/li><li><strong>Border Radius<\/strong>&nbsp;&#8211; here you can set the border-radius for the chosen border to make the border angles more round.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the comment boxes.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Name<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Text Alignment<\/strong>&nbsp;&#8211; use this option to set the needed text alignment for the testimonials author\u2019s name text.<\/li><li><strong>Custom Width<\/strong>&nbsp;&#8211; enable this option to apply your custom width to the testimonials author\u2019s name.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can use the controls to set the necessary name width or input the width value in px or % in the corresponding window.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the name text color using color picker tool.<\/li><li><strong>Hover Color<\/strong>&nbsp;&#8211; here you can set the name text hover color using color picker tool.<\/li><li><strong>Typography<\/strong>&nbsp;&#8211; turn the option on to view the typography settings.<\/li><li><strong>Padding<\/strong>&nbsp;&#8211; here you can set the preferable custom padding for the author\u2019s name. Fill in the values for the top, bottom, right, and left padding in pixels to apply your custom padding.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials author\u2019s name.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Position<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Text Alignment<\/strong>&nbsp;&#8211; use this option to set the needed text alignment for the testimonials author\u2019s position text.<\/li><li><strong>Custom Width<\/strong>&nbsp;&#8211; enable this option to apply your custom width to the testimonials author\u2019s position.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can use the controls to set the necessary position width or input the width value in px or % in the corresponding window.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the position text color using color picker tool.<\/li><li><strong>Typography<\/strong>&nbsp;&#8211; turn the option on to view the typography settings.<\/li><li><strong>Padding<\/strong>&nbsp;&#8211; here you can set the preferable custom padding for the author\u2019s name. Fill in the values for the top, bottom, right, and left padding in pixels to apply your custom padding.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials author\u2019s position.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Date<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Text Alignment<\/strong>&nbsp;&#8211; use this option to set the needed text alignment for the testimonials author\u2019s Date text.<\/li><li><strong>Custom Width<\/strong>&nbsp;&#8211; enable this option to apply your custom width to the testimonials author\u2019s Date.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can use the controls to set the necessary position width or input the width value in px or % in the corresponding window.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can set the position text color using color picker tool.<\/li><li><strong>Typography<\/strong>&nbsp;&#8211; turn the option on to view the typography settings.<\/li><li><strong>Padding<\/strong>&nbsp;&#8211; here you can set the preferable custom padding for the author\u2019s date. Fill in the values for the top, bottom, right, and left padding in pixels to apply your custom padding.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials author-date.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Rating<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Stars<\/strong>&nbsp;&#8211; use this option to set the needed color for the regular stars<\/li><li><strong>Active<\/strong> <strong>Stars<\/strong>&nbsp;&#8211; use this option to set the needed color for the Active stars<\/li><li><strong>Size<\/strong>&nbsp;&#8211; here you can set the stars font size.<\/li><li><strong>Spacing<\/strong>&nbsp;&#8211; here you can set the space between the stars.<\/li><li><strong>Margin<\/strong>&nbsp;&#8211; here you can define the margins for the Testimonials author-date.<\/li><li><strong>Stars Style &#8211; <\/strong>here you can choose from the two styles for the stars solid or outline.<\/li><li><strong>Active Stars Style &#8211; <\/strong>here you can choose from the two styles for the Active stars solid or outline.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Arrows<\/h4>\n\n\n\n<p>Here you can switch from customizing arrows in the&nbsp;<strong>Normal<\/strong>&nbsp;mode to styling them up in&nbsp;<strong>Hover<\/strong>&nbsp;mode. To do it just switch between this two modes.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Background Type<\/strong>&nbsp;&#8211; in this block you can choose, whether you want to use&nbsp;<strong>classic<\/strong>&nbsp;or&nbsp;<strong>gradient<\/strong>&nbsp;background type.<\/li><li><strong>Font Color&nbsp;&#8211;<\/strong> here you can change the color of the arrows using the<strong> <\/strong>color picker.<\/li><li><strong>Font Size<\/strong>&nbsp;&#8211; here you can change the size of the navigation arrows.<\/li><li><strong>Width&nbsp;&#8211; <\/strong>here you can define the width of the arrow.<\/li><li><strong>Height&nbsp;&#8211; <\/strong>here you can define the height of the arrow.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can select border type for the arrows boxes.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can define the width of the border.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can change the color of the arrow box borders.<\/li><li><strong>Border Radius&nbsp;&#8211; <\/strong>here you can set the border-radius for the chosen border to make the border angles more round.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the navigation arrow boxes.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Prev Arrow Position<\/strong><ul><li><strong>Vertical Position by<\/strong>&nbsp;&#8211; select&nbsp;<strong>Top<\/strong>&nbsp;or&nbsp;<strong>Bottom<\/strong>&nbsp;position.<\/li><li><strong>Top Indent<\/strong>&nbsp;&#8211; here you can specify the top indent size of the&nbsp;<strong>Prev<\/strong>&nbsp;arrow.<\/li><li><strong>Horizontal Position by<\/strong>&nbsp;&#8211; select&nbsp;<strong>Left<\/strong>&nbsp;or&nbsp;<strong>Right<\/strong>&nbsp;position.<\/li><li><strong>Left indent<\/strong>&nbsp;&#8211; here you can set the left indent size of the&nbsp;<strong>Prev<\/strong>&nbsp;arrow.<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Next Arrow Position<\/strong><ul><li><strong>Vertical Position by<\/strong>&nbsp;&#8211; select&nbsp;<strong>Top<\/strong>&nbsp;or&nbsp;<strong>Bottom<\/strong>&nbsp;position.<\/li><li><strong>Top Indent<\/strong>&nbsp;&#8211; here you can specify the top indent size of the&nbsp;<strong>Next<\/strong>&nbsp;arrow.<\/li><li><strong>Horizontal Position by<\/strong>&nbsp;&#8211; select&nbsp;<strong>Left<\/strong>&nbsp;or&nbsp;<strong>Right<\/strong>&nbsp;position.<\/li><li><strong>Right indent<\/strong>&nbsp;&#8211; here you can set the right indent size of the&nbsp;<strong>Next<\/strong>&nbsp;arrow.<\/li><\/ul><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Dots<\/strong><\/h4>\n\n\n\n<p>Here you can switch from customizing arrows in the Normal mode to styling them up in&nbsp;<strong>Hover<\/strong>&nbsp;mode and&nbsp;<strong>Active<\/strong>&nbsp;mode. To do it just switch between this three modes.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Alignment<\/strong>&nbsp;&#8211; here you can define the alignment of the preferable dots. They can be placed to the left, to the right, or remain centered.<\/li><li><strong>Gap<\/strong>&nbsp;&#8211; use controls to minify or make larger the gap space between the dots.<\/li><li><strong>Dots Box Margin<\/strong>&nbsp;&#8211; here you can define the margins for the dots.<\/li><li><strong>Background Type<\/strong>&nbsp;&#8211; in this block you can choose, whether you want to use&nbsp;<strong>classic<\/strong>&nbsp;or&nbsp;<strong>gradient<\/strong>&nbsp;background type.<\/li><li><strong>Box Size<\/strong>&nbsp;&#8211; in this block you can specify the size of the dots boxes.<\/li><li><strong>Border Type<\/strong>&nbsp;&#8211; here you can select border type for the dots boxes.<\/li><li><strong>Width<\/strong>&nbsp;&#8211; here you can define the width of the border in px.<\/li><li><strong>Color<\/strong>&nbsp;&#8211; here you can change the color of the dot boxes borders.<\/li><li><strong>Box Shadow<\/strong>&nbsp;&#8211; enable this option if you want to access the shadow advanced settings, and need to apply shadow to the navigation arrow boxes.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Testimonials widget is useful beyond comparison when it comes to adding your clients\u2019 positive feedbacks to your site. Feel free to style up the testimonials and add the beautiful testimonials carousel right to your web page in several clicks! Testimonials widget Sample On the picture below you can view Testimonials widget sample. Layout Items on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-546","post","type-post","status-publish","format-standard","hentry","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Testimonials Widget - Phox Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Testimonials Widget - Phox Documentation\" \/>\n<meta property=\"og:description\" content=\"Testimonials widget is useful beyond comparison when it comes to adding your clients\u2019 positive feedbacks to your site. Feel free to style up the testimonials and add the beautiful testimonials carousel right to your web page in several clicks! Testimonials widget Sample On the picture below you can view Testimonials widget sample. Layout Items on [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Phox Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/whmcsdes\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-09T20:47:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-23T22:40:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\" \/>\n<meta name=\"author\" content=\"ijeto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:site\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ijeto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\"},\"author\":{\"name\":\"ijeto\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\"},\"headline\":\"Testimonials Widget\",\"datePublished\":\"2020-05-09T20:47:07+00:00\",\"dateModified\":\"2020-05-23T22:40:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\"},\"wordCount\":2358,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\",\"name\":\"Testimonials Widget - Phox Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\",\"datePublished\":\"2020-05-09T20:47:07+00:00\",\"dateModified\":\"2020-05-23T22:40:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phox.whmcsdes.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Testimonials Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"name\":\"Phox Documentation\",\"description\":\"Hosting WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\",\"name\":\"WHMCSdes\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"width\":400,\"height\":400,\"caption\":\"WHMCSdes\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/whmcsdes\",\"https:\/\/x.com\/whmcsdes\",\"https:\/\/www.instagram.com\/whmcsdes\/\",\"https:\/\/www.linkedin.com\/company\/whmcsdes\",\"https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\",\"name\":\"ijeto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"caption\":\"ijeto\"},\"sameAs\":[\"http:\/\/phox.whmcsdes.com\/docs\"],\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Testimonials Widget - Phox Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/","og_locale":"en_US","og_type":"article","og_title":"Testimonials Widget - Phox Documentation","og_description":"Testimonials widget is useful beyond comparison when it comes to adding your clients\u2019 positive feedbacks to your site. Feel free to style up the testimonials and add the beautiful testimonials carousel right to your web page in several clicks! Testimonials widget Sample On the picture below you can view Testimonials widget sample. Layout Items on [&hellip;]","og_url":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/","og_site_name":"Phox Documentation","article_publisher":"https:\/\/www.facebook.com\/whmcsdes","article_published_time":"2020-05-09T20:47:07+00:00","article_modified_time":"2020-05-23T22:40:18+00:00","og_image":[{"url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png","type":"","width":"","height":""}],"author":"ijeto","twitter_card":"summary_large_image","twitter_creator":"@whmcsdes","twitter_site":"@whmcsdes","twitter_misc":{"Written by":"ijeto","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#article","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/"},"author":{"name":"ijeto","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f"},"headline":"Testimonials Widget","datePublished":"2020-05-09T20:47:07+00:00","dateModified":"2020-05-23T22:40:18+00:00","mainEntityOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/"},"wordCount":2358,"commentCount":0,"publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png","articleSection":["Elementor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/","url":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/","name":"Testimonials Widget - Phox Documentation","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png","datePublished":"2020-05-09T20:47:07+00:00","dateModified":"2020-05-23T22:40:18+00:00","breadcrumb":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#primaryimage","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/05\/wdes-widget-testimonials.png"},{"@type":"BreadcrumbList","@id":"https:\/\/phox.whmcsdes.com\/docs\/testimonials-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phox.whmcsdes.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Testimonials Widget"}]},{"@type":"WebSite","@id":"https:\/\/phox.whmcsdes.com\/docs\/#website","url":"https:\/\/phox.whmcsdes.com\/docs\/","name":"Phox Documentation","description":"Hosting WordPress Theme","publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization","name":"WHMCSdes","url":"https:\/\/phox.whmcsdes.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","width":400,"height":400,"caption":"WHMCSdes"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/whmcsdes","https:\/\/x.com\/whmcsdes","https:\/\/www.instagram.com\/whmcsdes\/","https:\/\/www.linkedin.com\/company\/whmcsdes","https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w"]},{"@type":"Person","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f","name":"ijeto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","caption":"ijeto"},"sameAs":["http:\/\/phox.whmcsdes.com\/docs"],"url":"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/"}]}},"_links":{"self":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":31,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/546\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/546\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/categories?post=546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/tags?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}