{"id":1268,"date":"2018-07-11T11:14:22","date_gmt":"2018-07-11T05:44:22","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click\/?p=1268"},"modified":"2018-07-11T11:14:22","modified_gmt":"2018-07-11T05:44:22","slug":"style-7","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/style-7\/","title":{"rendered":"Predefined Style-7"},"content":{"rendered":"\n

Its vertical bar, with text. ( just like a feedback button ), the demo of style-7 appear right side middle of the screen.<\/p>\n\n\n\n

Position to change<\/h4>\n\n\n\n

The Default position values bottom-right 10px, 10px may not looks good for sytle-7.\u00a0<\/p>\n\n\n\n

Change the position values to bottom-right 50%, 0px to appear in the right side middle of the screen. Please check how it appear after save changes. If it doesn’t look good make changes to position values<\/p>\n\n\n\n

\"positions<\/figure>\n\n\n\n
\n\n\n\n

To change the Predefined Style for Desktop, Mobile Devices.<\/p>\n\n\n\n

From plugin settings (Click), Change values for “Style for Desktop”, “Style for Mobile Devices”.<\/p>\n\n\n\n

This plugin Detects the device<\/a> based on HTTP User Agent.<\/p>\n\n\n\n

Select “Predefined Style-7\ufeff<\/strong>“<\/p>\n\n\n\n

Click on “Save Changes”<\/p>\n\n\n\n

\"predefined<\/figure>\n\n\n\n

To Change the values of the Predefined Style-7,<\/p>\n\n\n\n

Click<\/strong> -> Predefined Styles<\/strong> -> Style 7<\/strong><\/p>\n\n\n\n

\"style-7<\/figure>\n\n\n\n

Text:\u00a0<\/strong>To Change the text.<\/p>\n\n\n\n

Text Color:<\/strong> To change the Text color. ( default value “#ffffff” )<\/p>\n\n\n\n

Text Color Hover:<\/strong>\u00a0To change the color\n\tof<\/g> text hover. ( default value “#81d742” )<\/p>\n\n\n\n

Background Color:<\/strong>\u00a0To change the\u00a0Background\u00a0color. ( default value \u201c#1798f7\u201d )<\/p>\n\n\n\n

Background Hover Color:<\/strong>\u00a0To change the color\u00a0of Background hover. ( default value \u201c#1d89d8″ )<\/p>\n\n\n\n

Border Color<\/strong> –\u00a0To change the Background color.<\/p>\n\n\n\n

Border Color Hover –<\/strong>\u00a0To change the color of border on hover.<\/p>\n\n\n\n

CSS Code:<\/strong>\u00a0By changing the CSS values we can customize the styles, change only if you know CSS coding.While modifying if any value is misplaced, to get the default code, leave this field blank and save changes. Then the field will be replaced with default CSS code.<\/p>\n\n\n\n

\n\n\n\n

Style-7 Shortcode<\/a><\/p>\n\n\n\n

\n\n\n