{"id":315,"date":"2017-02-19T04:24:22","date_gmt":"2017-02-19T04:24:22","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=315"},"modified":"2018-05-12T05:11:29","modified_gmt":"2018-05-12T05:11:29","slug":"team-member","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/team-member\/","title":{"rendered":"Team Member"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-e43af7e1939eff5db1e814630bc93b44\">\n#top .av-special-heading.av-av_heading-e43af7e1939eff5db1e814630bc93b44{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-e43af7e1939eff5db1e814630bc93b44 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-e43af7e1939eff5db1e814630bc93b44 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-e43af7e1939eff5db1e814630bc93b44 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Team Member<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-5rq0kr-3d7a15c1dee211fc29d0b4218762379d 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-5hrwln-08f7180c549c2128ed527dd851e32391 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5fgrjn-83635950ed3e6585f6136124dd81af0c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>This element allows you to display an image of a team member, along with a description and a few social links for each member you display.<\/p>\n<p>View examples of <a href=\"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/team-member\/\" target=\"_blank\" rel=\"noopener\">Team Member<\/a>\u00a0element<\/p>\n<\/div><\/section>\n<div  class='hr av-56qog3-519e4611bf4245436bec4d76318b9bd5 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-512qmj-b7e9ba2f34e2b05275711f8d468e6310 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Code Snippet<\/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-4otdqj-4c0f4507ef933761e8c7c36e37a86f3b 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-4i68xv-b446d50c5b584521ac21b2993de5b45f '   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-43wbeb-3a3a369a5e32d9a71d386bef63577794 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3y89pv-161d3630671a0844706a0892b82fd75e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='hr av-3p0jl7-6b002f1a15f95eb717bae7b30734578f hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3m40gz-b530d45fe3b3e6470e8442712a0b7160 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Align content to left<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3bus17-09f6d4ebcdcb038505ce3d986d8bcd5a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To move the team member image and the text content side by side please use the CSS below.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-3348qb-8c3e63088cbabbed1d7a745da704eb71\">\n.flex_column.av-3348qb-8c3e63088cbabbed1d7a745da704eb71{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-3348qb-8c3e63088cbabbed1d7a745da704eb71 av_one_third first flex_column_div av-zero-column-padding  '     ><section  class='avia-team-member av-2yrgfv-23f1c888b2732de981d24e98451616cd  avia-builder-el-10  avia-builder-el-no-sibling  team-member-sidebyside'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/Person\" ><div class=\"team-img-container\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-1960 avia-img-lazy-loading-not-1960 avia_image avia_image_team' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3.jpg\" alt='Max Mac Man'  itemprop=\"image\"   height=\"600\" width=\"600\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3.jpg 600w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-80x80.jpg 80w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-300x300.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-36x36.jpg 36w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-180x180.jpg 180w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-120x120.jpg 120w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-3-450x450.jpg 450w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/div><h3 class='team-member-name '  itemprop=\"name\" >Max Mac Man<\/h3><div class='team-member-job-title '  itemprop=\"jobTitle\" >CTO<\/div><span class='hidden team-member-affiliation'  itemprop=\"affiliation\" >Enfold Documentation<\/span><\/section><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2pwagz-bf76a6968f47cf6861b155f75c194582\">\n.flex_column.av-2pwagz-bf76a6968f47cf6861b155f75c194582{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-2pwagz-bf76a6968f47cf6861b155f75c194582 av_one_third flex_column_div av-zero-column-padding  '     ><section  class='avia-team-member av-2lhwb7-e9ee8e24ca2a6c85fc062d50ee379b5d  team-member-sidebyside'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/Person\" ><div class=\"team-img-container\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-1959 avia-img-lazy-loading-not-1959 avia_image avia_image_team' src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2.jpg\" alt='Kara Kul King'  itemprop=\"image\"   height=\"600\" width=\"600\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2.jpg 600w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-80x80.jpg 80w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-300x300.jpg 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-36x36.jpg 36w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-180x180.jpg 180w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-120x120.jpg 120w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/people-2-450x450.jpg 450w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><div class=\"team-social\"><div class=\"team-social-inner\"><a class='avia-team-icon av-2gi6ej-8db8a54fb6adf17bece747cebddc3145 avia-svg-icon avia-font-svg_entypo-fontello' data-avia-tooltip=\"King on LinkedIn\" data-av_svg_icon='221' data-av_iconset='svg_entypo-fontello'><\/a><\/div><\/div><\/div><h3 class='team-member-name '  itemprop=\"name\" >Kara Kul King<\/h3><div class='team-member-job-title '  itemprop=\"jobTitle\" >Marketing &amp; Sales<\/div><span class='hidden team-member-affiliation'  itemprop=\"affiliation\" >Enfold Documentation<\/span><\/section><\/div>\n<section  class='av_textblock_section av-1xuzlf-232c6861b6968ed1c8e269d61ce349ca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><pre>\/* Side by side team member image and content*\/\r\n.team-img-container {\r\n    float: left;\r\n    width: 35%;\r\n    margin-right: 20px;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-1p4vq3-65d86032499b7118530ec5fb1b69638c 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-1itrsr-98e33f60967d42bee06fee2e263620eb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Font Style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1hk8wr-3572c53f70abeef78ea987d04ee3daec '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add custom style to the team member fonts please use the CSS below.<\/p>\n<pre>\/* Team member name *\/\r\n.avia-team-member .team-member-name {\r\n    font-size: 13px !important;\r\n}\r\n\r\n\/* Job Titile *\/\r\n.avia-team-member  .team-member-job-title {\r\n       font-size: 11px !important;\r\n}\r\n\r\n\/* Description *\/\r\n.avia-team-member .team-member-description  {\r\n    font-size: 16px !important;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-1bh9f7-202d39c26552c218f41a7808178d96e4 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-14211v-6aef4962123636731c9ec8e8713a20ed '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Circle team member image<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-w0yez-3cc7533fa041f8819d9135e40e4a5fb0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To change the team member image shape to a circle. First when you insert the image select 300 x 300 size and use the CSS below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7308\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2017\/02\/Team-e1517899149995.png\" alt=\"\" width=\"367\" height=\"657\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Team-e1517899149995.png 367w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Team-e1517899149995-168x300.png 168w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/p>\n<pre>\/* Team member circle image *\/\r\n.team-img-container img {\r\n    border-radius: 100%;\r\n}\r\n\r\n\/* Social icons*\/\r\n#top .avia-team-member .team-social {\r\n    background: transparent;\r\n    border: none;\r\n}\r\n\r\n@media only screen and (max-width: 989px) {\r\n.responsive.av-no-preview #top .avia-team-member .team-social {\r\n    background: transparent;\r\n    border: none;\r\n}}<\/pre>\n<\/div><\/section>\n<div  class='hr av-qtuaz-1313a9a0e8e9eca66aa2f32d3671bea1 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-m6g2j-fdd202786be2b70fc21e9d935a9685c5 '   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-gbfmb-ac977266e5d22caffe03bd4d77ae1e7e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-92dgz-051fd7c66c6b7e0689230df80419b11c '   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=J-xcvDUnsCg\">Team Member Element Tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[16],"class_list":["post-315","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","tag-content-elements","documentation","content-elements"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/315","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=315"}],"version-history":[{"count":2,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/315\/revisions"}],"predecessor-version":[{"id":8264,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/315\/revisions\/8264"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}