Style-8 – shortcode

[chat style=8]

 

Shortcode Attributes ( Specific to Style-8 )

s8_text_color  – to change text color
s8_background_color  – to change button color
s8_icon_color  – to change change icon color
s8_text_color_onhover  – to change text color when hover on button
s8_background_color_onhover  – to change button color when hover
s8_icon_color_onhover  – to change icon color when hover on button
s8_icon_float  –   (  left, right , hide )  to change icon floats on left or right side of text or hide icon

 

Full width button  ( Change width )
There is sub style for style-8 which is style-8.1
created to change width and there is no icon for style-8.1

 

s8_1_width  – to change width of button  ( new for style – 8.1 )
s8_text_color  – to change text color

s8_background_color  – to change button color
s8_text_color_onhover  – to change text color when hover on button
s8_background_color_onhover  – to change button color when hover

 

num  – ( to change the number )
val   –  ( to change the display text for – style-1, style-2, style-4, style-8 )
style  – (  e.g. style=1   – right now there are 8 styles )
position  –  ( e.g. position=fixed  – to add fixed position style,  css positions )
top  –  ( e.g.  –  left=10px , left=2% )
right  –  ( e.g.  –  left=10px , left=2% )
bottom  –  ( e.g.  –  left=10px , left=2% )
left  –  ( e.g.  –  left=10px , left=2% )
home   –   ( home= hide ) to hide shortcodes in home page , category, archive

 


 

[chat style=8  s8_text_color=#a7ffeb      s8_background_color=#1de9b6     s8_icon_color=#a7ffeb     s8_text_color_onhover=#ddd     s8_background_color_onhover=#00cbcc       s8_icon_color_onhover=#ddd        s8_icon_float=right   ]

 

 

 

Change Width  ( using style 8.1 )

 

[chat style=8.1 val=' support team'     s8_1_width=40% ]
[chat style=8.1 val='Chat with Sales Team' s8_1_width=60% ]
[chat style=8.1 val='Chat with COO'     s8_1_width=80% ]
[chat style=8.1 val='Chat with CEO'    s8_1_width=100% ]

 


Fixed position

[chat style=8 position=fixed bottom=10px right=10px]