<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":1263,"date":"2018-07-11T10:18:23","date_gmt":"2018-07-11T04:48:23","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click\/?p=1263"},"modified":"2018-07-11T10:18:23","modified_gmt":"2018-07-11T04:48:23","slug":"style-6","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/style-6\/","title":{"rendered":"Predefined Style-6"},"content":{"rendered":"<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\/, 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\/>combination of WhatsApp logo and a text message \u2013 Chip style<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p>To change the Predefined Style for Desktop, Mobile Devices.<\/p>\n\n\n\n<p>From plugin settings (Click), Change values for &#8220;Style for Desktop&#8221;, &#8220;Style for Mobile Devices&#8221;.<\/p>\n\n\n\n<p>This plugin <a href=\"https:\/\/holithemes.com\/plugins\/click\/detect-device\/\" target=\"_blank\" rel=\"noopener noreferrer\">Detects the device<\/a> based on HTTP User Agent.<\/p>\n\n\n\n<p>Select &#8220;<strong>Predefined Style-6<\/strong>&#8220;<\/p>\n\n\n\n<p>Click on &#8220;<strong>Save Changes<\/strong>&#8220;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"585\" height=\"317\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style6_001.png\" alt=\"predefined style 6\" class=\"wp-image-1273\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style6_001.png 585w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style6_001-300x163.png 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<p><br\/>To Change the values of the Predefined Style-6,<\/p>\n\n\n\n<p><strong>Click<\/strong> -> <strong>Predefined Styles<\/strong> -> <strong>Style 6<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"890\" height=\"656\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style-6-customization.png\" alt=\"style-6 customization\" class=\"wp-image-1382\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style-6-customization.png 890w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style-6-customization-300x221.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style-6-customization-768x566.png 768w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/figure>\n\n\n\n<p><br\/>\ufeff<strong>Text:\u00a0<\/strong>To Change the text.<\/p>\n\n\n\n<p><strong>Text Color:<\/strong> Choose a color of the text.<\/p>\n\n\n\n<p><strong>Background Color:<\/strong>\u00a0To change the\n\t<g class=\"gr_ gr_9 gr-alert sel gr_spell gr_replaced gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace\" id=\"9\" data-gr-id=\"9\">Background<\/g> color. ( default value &#8220;#e4e4e4&#8221; )<\/p>\n\n\n\n<p><strong>Image URL:<\/strong> If this field is left blank, a default image will be added.<br\/>To change the image, add the image URL in this field.<\/p>\n\n\n\n<p><strong>CSS Code:<\/strong>\u00a0 By changing the CSS values we can customize the styles, change only if you know CSS coding.<br\/>While modifying if any value is misplaced, to get the default code,\u00a0leave this field blank and save changes. Then the field will be replaced\u00a0with default CSS code.<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click\/style-6-shortcode\/\">Style-6 Shortcode<\/a><\/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=\" 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\/, 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","protected":false},"excerpt":{"rendered":"<p>combination of WhatsApp logo and a text message \u2013 Chip style To change the Predefined Style for Desktop, Mobile Devices. From plugin settings (Click), Change values for &#8220;Style for Desktop&#8221;, &#8220;Style for Mobile Devices&#8221;. This plugin Detects the device based on HTTP User Agent. Select &#8220;Predefined Style-6&#8220; Click on &#8220;Save Changes&#8220; To Change the values &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/style-6\/\"> <span class=\"screen-reader-text\">Predefined Style-6<\/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":"","adv-header-id-meta":"","stick-header-meta":"","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-1263","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\/1263","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=1263"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1263\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=1263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}