{"id":33987,"date":"2019-03-04T11:20:03","date_gmt":"2019-03-04T11:20:03","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33987"},"modified":"2022-08-03T07:10:24","modified_gmt":"2022-08-03T07:10:24","slug":"member","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/member\/","title":{"rendered":"Member"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-member-photo\"><img decoding=\"async\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-1.jpg\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div>\n<div class=\"sue-member-info\" style=\"text-align:center\"><span class=\"sue-member-name\">Roland Hall<\/span><span class=\"sue-member-role\">Personnel manager<\/span><\/p>\n<div class=\"sue-member-desc su-u-trim\">Member bio<\/div>\n<\/div>\n<div class=\"sue-member-icons\" style=\"text-align:center;border-top:1px solid #cccccc\"><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-facebook\" style=\"color:#3B5998\"><\/i><\/a><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-twitter\" style=\"color:#1DA1F2\"><\/i><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-member-photo\"><img decoding=\"async\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-2.jpg\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div>\n<div class=\"sue-member-info\" style=\"text-align:center\"><span class=\"sue-member-name\">Ramona Fields<\/span><span class=\"sue-member-role\">Technology officer<\/span><\/p>\n<div class=\"sue-member-desc su-u-trim\">Member bio<\/div>\n<\/div>\n<div class=\"sue-member-icons\" style=\"text-align:center;border-top:1px solid #cccccc\"><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-facebook\" style=\"color:#3B5998\"><\/i><\/a><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-twitter\" style=\"color:#1DA1F2\"><\/i><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-member-photo\"><img decoding=\"async\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-3.jpg\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div>\n<div class=\"sue-member-info\" style=\"text-align:center\"><span class=\"sue-member-name\">Steven Davenport<\/span><span class=\"sue-member-role\">Personnel director<\/span><\/p>\n<div class=\"sue-member-desc su-u-trim\">Member bio<\/div>\n<\/div>\n<div class=\"sue-member-icons\" style=\"text-align:center;border-top:1px solid #cccccc\"><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-facebook\" style=\"color:#3B5998\"><\/i><\/a><a href=\"#\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-twitter\" style=\"color:#1DA1F2\"><\/i><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-member-photo\"><img decoding=\"async\" src=\"&quot;https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-1.jpg&quot;\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div><div class=\"sue-member-info\" style=\"text-align:&quot;center&quot;\"><span class=\"sue-member-name\">&quot;Roland<\/span><span class=\"sue-member-role\">&quot;Personnel<\/span><div class=\"sue-member-desc su-u-trim\">Member bio<\/div><\/div><div class=\"sue-member-icons\" style=\"text-align:&quot;center&quot;;border-top:1px solid #cccccc\"><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#3B5998&quot;\"><\/i><\/a><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#1DA1F2&quot;\"><\/i><\/a><\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-member-photo\"><img decoding=\"async\" src=\"&quot;https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-2.jpg&quot;\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div><div class=\"sue-member-info\" style=\"text-align:&quot;center&quot;\"><span class=\"sue-member-name\">&quot;Ramona<\/span><span class=\"sue-member-role\">&quot;Technology<\/span><div class=\"sue-member-desc su-u-trim\">Member bio<\/div><\/div><div class=\"sue-member-icons\" style=\"text-align:&quot;center&quot;;border-top:1px solid #cccccc\"><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#3B5998&quot;\"><\/i><\/a><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#1DA1F2&quot;\"><\/i><\/a><\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-member\" data-url=\"\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-member-photo\"><img decoding=\"async\" src=\"&quot;https:\/\/getshortcodes.com\/wp-content\/uploads\/2017\/08\/person-3.jpg&quot;\" alt=\"\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;\" \/><\/div><div class=\"sue-member-info\" style=\"text-align:&quot;center&quot;\"><span class=\"sue-member-name\">&quot;Steven<\/span><span class=\"sue-member-role\">&quot;Personnel<\/span><div class=\"sue-member-desc su-u-trim\">Member bio<\/div><\/div><div class=\"sue-member-icons\" style=\"text-align:&quot;center&quot;;border-top:1px solid #cccccc\"><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#3B5998&quot;\"><\/i><\/a><a href=\"&quot;#&quot;\" title=\"\" class=\"sue-memeber-icon\" target=\"_blank\"><i class=\"sui sui-&quot;\" style=\"color:&quot;#1DA1F2&quot;\"><\/i><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<p class=\"has-black-color has-light-background-color has-text-color has-background\">This shortcode is available in <a href=\"\/pricing\/\">Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to display team members.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Option name<\/th><th>Possible values<\/th><th>Default value<\/th><\/tr><tr><td><strong>background<\/strong><br>Panel background color<\/td><td>#HEX color<\/td><td>#ffffff<\/td><\/tr><tr><td><strong>color<\/strong><br>Panel text color<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>border<\/strong><br>Panel border<\/td><td>CSS border shorthand property<\/td><td>1px solid #cccccc<\/td><\/tr><tr><td><strong>shadow<\/strong><br>Panel shadow<\/td><td>CSS box\/text-shadow shorthand property<\/td><td>0 1px 2px #eeeeee<\/td><\/tr><tr><td><strong>radius<\/strong><br>Panel border radius (px)<\/td><td>Number from 0 to 60<\/td><td>0<\/td><\/tr><tr><td><strong>text_align<\/strong><br>Text alignment for panel content<\/td><td>left (Left)<br>center (Center)<br>right (Right)<\/td><td>left<\/td><\/tr><tr><td><strong>photo<\/strong><br>Select the photo for this member<\/td><td>The URL of uploaded file<\/td><td>http:\/\/lorempixel.com\/400\/300\/business\/<\/td><\/tr><tr><td><strong>name<\/strong><br>Member name<\/td><td>Any text value<\/td><td>John Doe<\/td><\/tr><tr><td><strong>role<\/strong><br>Member role<\/td><td>Any text value<\/td><td>Designer<\/td><\/tr><tr><td><strong>icon_1<\/strong><br>Select social icon for this member<\/td><td>FontAwesome icon name (with &#8220;icon:&#8221; prefix) or icon image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em><\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_1_url<\/strong><br>Enter here social profile URL<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_1_color<\/strong><br>Choose color for this icon. This color will only be applied to the built-in icons<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>icon_1_title<\/strong><br>This text will be shown as icon tooltip<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_2<\/strong><br>Select social icon for this member<\/td><td>FontAwesome icon name (with &#8220;icon:&#8221; prefix) or icon image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em><\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_2_url<\/strong><br>Enter here social profile URL<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_2_color<\/strong><br>Choose color for this icon. This color will only be applied to the built-in icons<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>icon_2_title<\/strong><br>This text will be shown as icon tooltip<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_3<\/strong><br>Select social icon for this member<\/td><td>FontAwesome icon name (with &#8220;icon:&#8221; prefix) or icon image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em><\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_3_url<\/strong><br>Enter here social profile URL<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_3_color<\/strong><br>Choose color for this icon. This color will only be applied to the built-in icons<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>icon_3_title<\/strong><br>This text will be shown as icon tooltip<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>url<\/strong><br>You can type here any hyperlink to make this panel clickable<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>class<\/strong><br>Additional CSS class name(s) separated by space(s)<\/td><td>CSS class name(s) separated by space(s)<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Photos by <a rel=\"noreferrer noopener\" href=\"https:\/\/unsplash.com\/@brookecagle\" target=\"_blank\">Brooke Cagle<\/a><\/p>\n","protected":false},"featured_media":36667,"template":"","docs_category":[21],"class_list":["post-33987","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36667"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33987"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}