{"id":11884,"date":"2012-08-03T10:38:41","date_gmt":"2012-08-03T10:38:41","guid":{"rendered":"http:\/\/dev\/punch\/?page_id=884"},"modified":"2012-08-03T10:38:41","modified_gmt":"2012-08-03T10:38:41","slug":"buttons-social-icons","status":"publish","type":"page","link":"https:\/\/vertigostudios.co.uk\/shortcodes\/buttons-social-icons\/","title":{"rendered":"Buttons & Social Icons"},"content":{"rendered":"[spb_text_block title=”Standard Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\nACCENT BUTTON<\/span><\/a>\nBLUE BUTTON<\/span><\/a>\nTURQUOISE BUTTON<\/span><\/a>\nGREEN BUTTON<\/span><\/a>\nPINK BUTTON<\/span><\/a>\nORANGE BUTTON<\/span><\/a>\nGOLD BUTTON<\/span><\/a>\nBLACK BUTTON<\/span><\/a>\nGREY BUTTON<\/span><\/a>\nLIGHT GREY BUTTON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Icon Reveal Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n<\/i>ACCENT COLOUR ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n<\/i>COLOURED ICON REVEAL<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Icon Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n<\/i>STROKE BUTTON & ICON<\/span><\/a>\n<\/i>STROKE BUTTON & ICON<\/span><\/a>\n<\/i>STROKE BUTTON & ICON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [boxed_content title=”Buttons for dark backgrounds” type=”coloured” pb_margin_bottom=”no” width=”2\/3″ el_position=”first”]\nSTANDARD WHITE BUTTON<\/span><\/a>\nTRANSPARENT LIGHT<\/span><\/a>\n[\/boxed_content] [spb_text_block title=”Stroke-to-fill” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/3″ el_position=”last”]\nDARK STROKE TO FILL<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Large Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\nLARGE DROP SHADOW<\/span><\/a>\nLARGE STANDARD ACCENT<\/span><\/a>\nLARGE STANDARD BUTTON<\/span><\/a>\nLARGE STROKE TO FILL<\/span><\/a>\n<\/i>LARGE ICON REVEAL<\/span><\/a>\n<\/i>LARGE ICON<\/span><\/a>\n[\/spb_text_block] [blank_spacer height=”30px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Full-screen Video Buttons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n
\n

Image with icon overlay.<\/p>\n

<\/i>\"\"<\/a><\/p>\n<\/div>\n

\n

Text button.<\/p>\n

<\/i>PLAY THE VIDEO<\/span><\/a><\/p>\n

 <\/p>\n

Icon only.<\/p>\n

<\/i><\/a><\/p>\n<\/div>

<\/div>\n[\/spb_text_block] [blank_spacer height=”50px” width=”1\/1″ el_position=”first last”] [spb_text_block title=”Social Icons” pb_margin_bottom=”no” pb_border_bottom=”no” width=”1\/1″ el_position=”first last”]\n