<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
{"id":1327,"date":"2018-07-12T07:18:50","date_gmt":"2018-07-12T01:48:50","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click\/?p=1327"},"modified":"2021-05-25T08:46:57","modified_gmt":"2021-05-25T03:16:57","slug":"style-6-shortcode","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/","title":{"rendered":"Style-6 &#8211; Shortcode"},"content":{"rendered":"\n<p>[click style=6]<\/p>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/, Hello, How are you', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #e4e4e4; color:  \">\r\n        WhatsApp us\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<p><br><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Attributes Specific to Style-6<\/h3>\n\n\n\n<p><strong>s6_text<\/strong>&nbsp;\u2013&nbsp;To change the text.<\/p>\n\n\n\n<p><strong>s6_text_color<\/strong>&nbsp;\u2013&nbsp;To change the text color.<\/p>\n\n\n\n<p><strong>s6_background_color<\/strong>&nbsp;\u2013&nbsp;To change the&nbsp;Background&nbsp;color.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Other Attributes<\/h3>\n\n\n\n<p><strong>num<\/strong>&nbsp;\u2013 ( to change the number )<br><strong>style<\/strong>&nbsp;\u2013 ( E.g. style=1 \u2013 right now there are 7 styles <br><strong>position<\/strong>&nbsp;&nbsp;\u2013&nbsp; (To change the position )<br>E.g. position=fixed&nbsp; \u2013 to add fixed position style,&nbsp; any&nbsp; CSS positions<br><strong>top<\/strong>&nbsp;&nbsp;\u2013&nbsp; ( E.g.&nbsp; \u2013&nbsp; left=10px , left=2% )<br><strong>right<\/strong>&nbsp;&nbsp;\u2013&nbsp; ( E.g.&nbsp; \u2013&nbsp; left=10px , left=2%)<br><strong>bottom<\/strong>&nbsp;&nbsp;\u2013&nbsp; ( E.g.&nbsp; \u2013&nbsp; left=10px , left=2% )<br><strong>left<\/strong>&nbsp;&nbsp;\u2013&nbsp; ( E.g.&nbsp; \u2013&nbsp; left=10px , left=2% )<\/p>\n\n\n\n<p><strong>Sample Example:<\/strong><\/p>\n\n\n\n<p>To change the number &#8211; Use&nbsp;<strong>num<\/strong> attribute<\/p>\n\n\n\n<p><br>To change text, text color and background color<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click style=6 s6_text=\"Chat to our Sales Team\" s6_text_color=\"#041c1c\" s6_background_color=\"#81d742\"]<\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/, Hello, How are you', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #81d742; color: #041c1c \">\r\n        Chat to our Sales Team\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<p><br>To change the Group ID ( Set return_type to group_chat )<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click style=6 return_type=\"group_chat\" s6_text_color=\"#8c8419\" s6_background_color=\"#20e491\" group_id=\"DuEZlyOo94A1QirOX42zKr\" s6_text=\"Fashion Club\"]<\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/chat.whatsapp.com\/DuEZlyOo94A1QirOX42zKr', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #20e491; color: #8c8419 \">\r\n        Fashion Club\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<p><br>To make the style look at the fixed position on the screen &#8211; This style appears at the bottom right of this page.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click style=6 position=fixed; bottom=10px right=10px]<\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\" position:fixed;;right:10px;bottom:10px; cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/, Hello, How are you', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #e4e4e4; color:  \">\r\n        WhatsApp us\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<p>No background color<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click style=6 s6_text_color=\"#7656e0\" s6_background_color=\"\" s6_text=\"WhatsApp Us\"]<\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/, Hello, How are you', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: ; color: #7656e0 \">\r\n        WhatsApp Us\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"<p>WhatsApp us Attributes Specific to Style-6 s6_text&nbsp;\u2013&nbsp;To change the text. s6_text_color&nbsp;\u2013&nbsp;To change the text color. s6_background_color&nbsp;\u2013&nbsp;To change the&nbsp;Background&nbsp;color. Other Attributes num&nbsp;\u2013 ( to change the number )style&nbsp;\u2013 ( E.g. style=1 \u2013 right now there are 7 styles position&nbsp;&nbsp;\u2013&nbsp; (To change the position )E.g. position=fixed&nbsp; \u2013 to add fixed position style,&nbsp; any&nbsp; CSS positionstop&nbsp;&nbsp;\u2013&nbsp; ( E.g.&nbsp; &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/\"> <span class=\"screen-reader-text\">Style-6 &#8211; Shortcode<\/span> Read More &raquo;<\/a><\/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":"default","ast-site-content-layout":"","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":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","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-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-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-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-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-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-gradient":""}},"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-1327","post","type-post","status-publish","format-standard","hentry","category-docs","category-styles"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/comments?post=1327"}],"version-history":[{"count":2,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1327\/revisions"}],"predecessor-version":[{"id":3935,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1327\/revisions\/3935"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=1327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=1327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}