{"id":156,"date":"2017-10-09T10:39:42","date_gmt":"2017-10-09T05:09:42","guid":{"rendered":"https:\/\/holithemes.com\/whatsapp-chat\/?p=156"},"modified":"2017-10-09T10:39:42","modified_gmt":"2017-10-09T05:09:42","slug":"style-6-sc","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-6-sc\/","title":{"rendered":"Style-6 &#8211; shortcode"},"content":{"rendered":"<div class=\"ccw_plugin  \"><div style=\" background-color: #25D366; color: #ffffff; height: 48px; width: 48px; line-height: 48px;   \"  class=\"btn_only_style_div_circle_sc inline-block pointer ccw-analytics\"  onclick=\"window.open('https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-6-sc\/ Hello HoliThemes !!', '_blank', 'noreferrer')\"    onmouseover= \" this.style.backgroundColor= '#00e51e', this.style.color= '#000';  \"  onmouseout= \" this.style.backgroundColor= '#25D366', this.style.color= '#ffffff';  \" ><span class=\"btn_only_style icon icon-whatsapp2 ccw-analytics\" data-ccw=\"style-6-sc\" style= \"font-size: 24px \" ><\/span><\/div><\/div>\n<p>&nbsp;<\/p>\n<p>Shortcode Attributes (\u00a0Specific to Style-6 )<\/p>\n<div><span style=\"color: #ff9900;\">s6_color\u00a0<\/span>\u00a0&#8211; to change icon color<\/div>\n<div><span style=\"color: #ff9900;\">s6_hover_color\u00a0<\/span>\u00a0&#8211;\u00a0to change icon color when hover<\/div>\n<div><span style=\"color: #ff9900;\">s6_icon_size\u00a0<\/span>\u00a0&#8211;\u00a0to change icon size<\/div>\n<div><span style=\"color: #ff9900;\">s6_circle_background_color\u00a0<\/span>\u00a0&#8211;\u00a0to change circle background color ( border color\u00a0 )<\/div>\n<div><span style=\"color: #ff9900;\">s6_circle_background_hover_color\u00a0<\/span>\u00a0&#8211;\u00a0to change\u00a0 circle background color when hover<\/div>\n<div><span style=\"color: #ff9900;\">s6_circle_height\u00a0<\/span>\u00a0&#8211;\u00a0to change circle height<\/div>\n<div><span style=\"color: #ff9900;\">s6_circle_width\u00a0<\/span>\u00a0&#8211;\u00a0to change circle width<\/div>\n<div><span style=\"color: #ff9900;\">s6_line_height\u00a0<\/span>\u00a0&#8211;\u00a0to change circle line height<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<div>\u00a0( circle have radius &#8211; but here how circle\u00a0 created is by adding border-radius to 50% of the given height, width )<\/div>\n<p>&nbsp;<\/p>\n<div>\u00a0( try to add same values for &#8211; s6_circle_height\u00a0\u00a0, s6_circle_width\u00a0\u00a0,\u00a0 s6_line_height\u00a0 &#8211; if not perfect then change the values )<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<p><span style=\"color: #ff9900;\">num\u00a0<\/span>\u00a0\u2013 ( to change the number )<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<hr \/>\n<p>&nbsp;<\/p>\n<pre>[chat style=6\u00a0s6_color= #fff s6_hover_color=orange\u00a0   \u00a0s6_icon_size=50px\u00a0 \u00a0s6_circle_background_color=#9cff57\u00a0 s6_circle_background_hover_color =#00e51e  s6_circle_height=100px\u00a0 \u00a0s6_circle_width=100px\u00a0 \u00a0s6_line_height=100px ]<\/pre>\n<p>&nbsp;<\/p>\n<div class=\"ccw_plugin  \"><div style=\" background-color: #9cff57; color: #fff; height: 100px; width: 100px; line-height: 100px;   \"  class=\"btn_only_style_div_circle_sc inline-block pointer ccw-analytics\"  onclick=\"window.open('https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-6-sc\/ Hello HoliThemes !!', '_blank', 'noreferrer')\"    onmouseover= \" this.style.backgroundColor= '#00e51e', this.style.color= '#ffa500';  \"  onmouseout= \" this.style.backgroundColor= '#9cff57', this.style.color= '#fff';  \" ><span class=\"btn_only_style icon icon-whatsapp2 ccw-analytics\" data-ccw=\"style-6-sc\" style= \"font-size: 50px \" ><\/span><\/div><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>Fixed position<\/p>\n<pre>[chat style=6 position=fixed bottom=10px right=10px]<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Shortcode Attributes (\u00a0Specific to Style-6 ) s6_color\u00a0\u00a0&#8211; to change icon color s6_hover_color\u00a0\u00a0&#8211;\u00a0to change icon color when hover s6_icon_size\u00a0\u00a0&#8211;\u00a0to change icon size s6_circle_background_color\u00a0\u00a0&#8211;\u00a0to change circle background color ( border color\u00a0 ) s6_circle_background_hover_color\u00a0\u00a0&#8211;\u00a0to change\u00a0 circle background color when hover s6_circle_height\u00a0\u00a0&#8211;\u00a0to change circle height s6_circle_width\u00a0\u00a0&#8211;\u00a0to change circle width s6_line_height\u00a0\u00a0&#8211;\u00a0to change circle line height &nbsp; \u00a0( circle have [&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-156","post","type-post","status-publish","format-standard","hentry","category-shortcodes"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/156","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=156"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}