{"id":151,"date":"2017-10-09T10:38:04","date_gmt":"2017-10-09T05:08:04","guid":{"rendered":"https:\/\/holithemes.com\/whatsapp-chat\/?p=151"},"modified":"2017-10-09T10:38:04","modified_gmt":"2017-10-09T05:08:04","slug":"style-8-sc","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/","title":{"rendered":"Style-8 &#8211; shortcode"},"content":{"rendered":"<pre>[chat style=8]<\/pre>\n<div class=\"ccw_plugin mdstyle8 sc_item  \" style=\"  \" ><a style=\"background-color: #26a69a;\" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\" data-ccw=\"style-8-sc\"  onmouseover= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff', this.childNodes[2].style.color= '#ffffff' ;  \"  onmouseout= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff', this.childNodes[2].style.color= '#ffffff' ;  \"  >   <i class=\"material-icons right icon icon-whatsapp2 ccw-s8-icon-sc ccw-analytics\" data-ccw=\"style-8\" style=\"color: #ffffff;\" ><\/i><span style=\"color: #ffffff;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-sc\" id=\"ccw-s8-icon-sc\" >WhatsApp us<\/span><\/a><\/div>\n<p>&nbsp;<\/p>\n<p>Shortcode Attributes (\u00a0Specific to Style-8 )<\/p>\n<div>\n<div><span style=\"color: #ff9900;\">s8_text_color\u00a0<\/span>\u00a0&#8211;\u00a0to change text color<\/div>\n<div><span style=\"color: #ff9900;\">s8_background_color\u00a0<\/span>\u00a0&#8211;\u00a0to change button color<\/div>\n<div><span style=\"color: #ff9900;\">s8_icon_color\u00a0<\/span>\u00a0&#8211;\u00a0to change change icon color<\/div>\n<div><span style=\"color: #ff9900;\">s8_text_color_onhover\u00a0<\/span>\u00a0&#8211;\u00a0to change text color when hover on button<\/div>\n<div><span style=\"color: #ff9900;\">s8_background_color_onhover\u00a0<\/span>\u00a0&#8211;\u00a0to change button color when hover<\/div>\n<div><span style=\"color: #ff9900;\">s8_icon_color_onhover\u00a0<\/span>\u00a0&#8211;\u00a0to change icon color when hover on button<\/div>\n<div><span style=\"color: #ff9900;\">s8_icon_float\u00a0<\/span>\u00a0&#8211;\u00a0 <span style=\"color: #99cc00;\">\u00a0(\u00a0 left, right , hide )<\/span>\u00a0 to change icon floats on left or right side of\u00a0text or hide icon<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<\/div>\n<div><strong>Full width button\u00a0 ( Change width )<\/strong><\/div>\n<div><\/div>\n<div>There is sub style for style-8 which is style-8.1<\/div>\n<div>created to change width and there is no icon for style-8.1<\/div>\n<p>&nbsp;<\/p>\n<div>\n<div><strong><span style=\"color: #ff9900;\">s8_1_width<\/span><\/strong>\u00a0 &#8211; to change width of button\u00a0 ( new for style &#8211; 8.1 )<\/div>\n<div><span style=\"color: #ff9900;\">s8_text_color\u00a0<\/span>\u00a0&#8211;\u00a0to change text color<\/div>\n<\/div>\n<p><span style=\"color: #ff9900;\">s8_background_color\u00a0<\/span>\u00a0&#8211;\u00a0to change button color<br \/>\n<span style=\"color: #ff9900;\">s8_text_color_onhover\u00a0<\/span>\u00a0&#8211;\u00a0to change text color when hover on button<br \/>\n<span style=\"color: #ff9900;\">s8_background_color_onhover\u00a0<\/span>\u00a0&#8211;\u00a0to change button color when hover<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff9900;\">num\u00a0<\/span>\u00a0\u2013 ( to change the number )<br \/>\n<span style=\"color: #ff9900;\">val\u00a0 \u00a0<\/span>\u2013\u00a0 ( to change the display text for \u2013 style-1, style-2, style-4, style-8 )<br \/>\n<span style=\"color: #ff9900;\">style\u00a0<\/span>\u00a0\u2013 (\u00a0 e.g. style=1\u00a0 \u00a0\u2013 right now there are 8 styles )<br \/>\n<span style=\"color: #ff9900;\">position\u00a0<\/span>\u00a0\u2013\u00a0 ( e.g. position=fixed\u00a0 \u2013 to add fixed position style,\u00a0 css positions )<br \/>\n<span style=\"color: #ff9900;\">top\u00a0<\/span>\u00a0\u2013\u00a0 ( e.g.\u00a0 \u2013\u00a0 left=10px , left=2% )<br \/>\n<span style=\"color: #ff9900;\">right\u00a0<\/span>\u00a0\u2013\u00a0 ( e.g.\u00a0 \u2013\u00a0 left=10px , left=2% )<br \/>\n<span style=\"color: #ff9900;\">bottom\u00a0<\/span>\u00a0\u2013\u00a0 ( e.g.\u00a0 \u2013\u00a0 left=10px , left=2% )<br \/>\n<span style=\"color: #ff9900;\">left\u00a0<\/span>\u00a0\u2013\u00a0 ( e.g.\u00a0 \u2013\u00a0 left=10px , left=2% )<br \/>\n<span style=\"color: #ff9900;\">home\u00a0 \u00a0<\/span>\u2013\u00a0 \u00a0( home= hide ) to hide shortcodes in home page , category, archive<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<pre>[chat style=8\u00a0 s8_text_color=#a7ffeb\u00a0 \u00a0 \u00a0 s8_background_color=#1de9b6\u00a0 \u00a0 \u00a0s8_icon_color=#a7ffeb\u00a0 \u00a0 \u00a0s8_text_color_onhover=#ddd\u00a0 \u00a0 \u00a0s8_background_color_onhover=#00cbcc\u00a0 \u00a0 \u00a0 \u00a0s8_icon_color_onhover=#ddd\u00a0 \u00a0 \u00a0 \u00a0 s8_icon_float=right\u00a0 \u00a0]<\/pre>\n<p>&nbsp;<\/p>\n<div class=\"ccw_plugin mdstyle8 sc_item  \" style=\"  \" ><a style=\"background-color: #1de9b6;\" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\" data-ccw=\"style-8-sc\"  onmouseover= \" this.style.backgroundColor= '#00cbcc', this.childNodes[1].style.color= '#ddd', this.childNodes[2].style.color= '#ddd' ;  \"  onmouseout= \" this.style.backgroundColor= '#1de9b6', this.childNodes[1].style.color= '#a7ffeb', this.childNodes[2].style.color= '#a7ffeb' ;  \"  >   <i class=\"material-icons right icon icon-whatsapp2 ccw-s8-icon-sc ccw-analytics\" data-ccw=\"style-8\" style=\"color: #a7ffeb;\" ><\/i><span style=\"color: #a7ffeb;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-sc\" id=\"ccw-s8-icon-sc\" >WhatsApp us<\/span><\/a><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Change\u00a0Width\u00a0 ( using style 8.1 )<\/strong><\/p>\n<p>&nbsp;<\/p>\n<pre>[chat style=8.1\u00a0val=' support team'\u00a0 \u00a0 \u00a0s8_1_width=40% ]<\/pre>\n<div class=\"ccw_plugin sc_item  \" style=\"  \" ><a style=\"background-color: #26a69a; width: 40% \" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\"  onmouseover= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  onmouseout= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  >   <span style=\"color: #ffffff;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-1-sc\" id=\"ccw-s8-icon-sc\" > support team<\/span><\/a><\/div>\n<pre>[chat style=8.1\u00a0val='Chat with Sales Team'\u00a0s8_1_width=60% ]<\/pre>\n<div class=\"ccw_plugin sc_item  \" style=\"  \" ><a style=\"background-color: #26a69a; width: 60% \" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\"  onmouseover= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  onmouseout= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  >   <span style=\"color: #ffffff;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-1-sc\" id=\"ccw-s8-icon-sc\" >Chat with Sales Team<\/span><\/a><\/div>\n<pre>[chat style=8.1\u00a0val='Chat with COO'\u00a0 \u00a0 \u00a0s8_1_width=80% ]<\/pre>\n<div class=\"ccw_plugin sc_item  \" style=\"  \" ><a style=\"background-color: #26a69a; width: 80% \" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\"  onmouseover= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  onmouseout= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  >   <span style=\"color: #ffffff;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-1-sc\" id=\"ccw-s8-icon-sc\" >Chat with COO<\/span><\/a><\/div>\n<pre>[chat style=8.1\u00a0val='Chat with CEO'\u00a0 \u00a0 s8_1_width=100% ]<\/pre>\n<div class=\"ccw_plugin sc_item  \" style=\"  \" ><a style=\"background-color: #26a69a; width: 100% \" target=\"_blank\" rel=\"noreferrer\" href=\"https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-8-sc\/ Hello HoliThemes !!\" class=\"btn ccw-analytics\"  onmouseover= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  onmouseout= \" this.style.backgroundColor= '#26a69a', this.childNodes[1].style.color= '#ffffff' ;  \"  >   <span style=\"color: #ffffff;\" class=\"ccw-s8-span-sc ccw-analytics\" data-ccw=\"style-8-1-sc\" id=\"ccw-s8-icon-sc\" >Chat with CEO<\/span><\/a><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>Fixed position<\/p>\n<pre>[chat style=8 position=fixed bottom=10px right=10px]<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WhatsApp us &nbsp; Shortcode Attributes (\u00a0Specific to Style-8 ) s8_text_color\u00a0\u00a0&#8211;\u00a0to change text color s8_background_color\u00a0\u00a0&#8211;\u00a0to change button color s8_icon_color\u00a0\u00a0&#8211;\u00a0to change change icon color s8_text_color_onhover\u00a0\u00a0&#8211;\u00a0to change text color when hover on button s8_background_color_onhover\u00a0\u00a0&#8211;\u00a0to change button color when hover s8_icon_color_onhover\u00a0\u00a0&#8211;\u00a0to change icon color when hover on button s8_icon_float\u00a0\u00a0&#8211;\u00a0 \u00a0(\u00a0 left, right , hide )\u00a0 to change icon floats [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[5],"tags":[],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-shortcodes"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}