{"id":2935,"date":"2012-11-17T13:33:09","date_gmt":"2012-11-17T13:33:09","guid":{"rendered":"http:\/\/themes.swiftpsd.com\/pinpoint\/?page_id=2935"},"modified":"2023-09-30T22:43:45","modified_gmt":"2023-09-30T21:43:45","slug":"icons-links-with-icons","status":"publish","type":"page","link":"https:\/\/beatsoop.com\/index.php\/shortcodes\/icons-links-with-icons\/","title":{"rendered":"Icons &#038; Links with icons"},"content":{"rendered":"[spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3>Small Icons<\/h3>\n[\/spb_text_block] [blank_spacer height=&#8221;3px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/4&#8243; el_position=&#8221;first&#8221;]\n<p style=\"text-align: left;\"><div class=\"sf-icon-cont cont-small sf-icon-float-left\"><i class=\"flask sf-icon icon-small\"><\/i><\/div><i class=\"flask sf-icon sf-icon-float- icon-small\"><\/i>\n[\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;3\/4&#8243; el_position=&#8221;last&#8221;]\n[icon image=\"flask\" size=\"small\" cont=\"yes\/no\"]\n[\/codesnippet] [blank_spacer height=&#8221;30px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3>Medium Icons<\/h3>\n[\/spb_text_block] [blank_spacer height=&#8221;3px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/3&#8243; el_position=&#8221;first&#8221;]\n<p style=\"text-align: left;\"><div class=\"sf-icon-cont cont-medium sf-icon-float-left\"><i class=\"flask sf-icon icon-medium\"><\/i><\/div><i class=\"flask sf-icon sf-icon-float- icon-medium\"><\/i>\n[\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;2\/3&#8243; el_position=&#8221;last&#8221;]\n[icon image=\"flask\" size=\"medium\" cont=\"yes\/no\"]\n[\/codesnippet] [blank_spacer height=&#8221;30px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3>Large Icons<\/h3>\n[\/spb_text_block] [blank_spacer height=&#8221;8px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/2&#8243; el_position=&#8221;first&#8221;]\n<p style=\"text-align: left;\"><div class=\"sf-icon-cont cont-large sf-icon-float-left\"><i class=\"flask sf-icon icon-large\"><\/i><\/div><i class=\"flask sf-icon sf-icon-float- icon-large\"><\/i>\n[\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;1\/2&#8243; el_position=&#8221;last&#8221;]\n[icon image=\"flask\" size=\"large\" cont=\"yes\/no\"]\n[\/codesnippet] [blank_spacer height=&#8221;30px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [divider type=&#8221;dotted&#8221; text=&#8221;Go to top&#8221; full_width=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [blank_spacer height=&#8221;16px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3>Using icons with links<\/h3>\n[\/spb_text_block] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/4&#8243; el_position=&#8221;first&#8221;]\n<p><a class=\"read-more\" href=\"#\">Learn more <em class=\"fa-chevron-right\"><\/em><\/a><\/p>\n[\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;3\/4&#8243; el_position=&#8221;last&#8221;]\n<p>&lt;a href=&#8221;#&#8221;&gt;Learn more &lt;em&gt;&lt;\/em&gt;&lt;\/a&gt;<\/p>\n[\/codesnippet] [blank_spacer height=&#8221;50px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [divider type=&#8221;dotted&#8221; text=&#8221;Go to top&#8221; full_width=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [blank_spacer height=&#8221;12px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3>For a full list of Font Awesome icons go <span style=\"color: #888888;\"><a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #888888;\">here<\/span><\/a><\/span>.<\/h3>\n[\/spb_text_block] [blank_spacer height=&#8221;72px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n","protected":false},"excerpt":{"rendered":"<p>[spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] Small Icons [\/spb_text_block] [blank_spacer height=&#8221;3px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/4&#8243; el_position=&#8221;first&#8221;] [\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;3\/4&#8243; el_position=&#8221;last&#8221;] [\/codesnippet] [blank_spacer height=&#8221;30px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] Medium Icons [\/spb_text_block] [blank_spacer height=&#8221;3px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block pb_margin_bottom=&#8221;no&#8221; pb_border_bottom=&#8221;no&#8221; width=&#8221;1\/3&#8243; el_position=&#8221;first&#8221;] [\/spb_text_block] [codesnippet pb_margin_bottom=&#8221;no&#8221; width=&#8221;2\/3&#8243; el_position=&#8221;last&#8221;] [\/codesnippet] [blank_spacer height=&#8221;30px&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8303,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"footnotes":""},"aioseo_notices":[],"jetpack-related-posts":[{"id":736,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/dividers\/","url_meta":{"origin":2935,"position":0},"title":"Dividers","author":"beatsoop.com","date":"31 July 2012","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Short and Fat Divider [\/spb_text_block] [codesnippet pb_margin_bottom=\"yes\" width=\"1\/1\" el_position=\"first last\"] [hr] [\/codesnippet] [blank_spacer height=\"20px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Fat Divider [\/spb_text_block] [divider type=\"standard\" text=\"Go to top\" full_width=\"no\" width=\"1\/1\" el_position=\"first last\"] [blank_spacer height=\"20px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\"\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":884,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/buttons\/","url_meta":{"origin":2935,"position":1},"title":"Buttons","author":"beatsoop.com","date":"3 August 2012","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] Standard Square Buttons [\/spb_text_block] [spb_text_block pb_margin_bottom=\"yes\" pb_border_bottom=\"no\" width=\"1\/3\" el_position=\"first\"] [\/spb_text_block] [codesnippet pb_margin_bottom=\"yes\" width=\"2\/3\" el_position=\"last\"] [button colour=\"accent\" type=\"standard\" size=\"small\" link=\"#\" target=\"_self]Small Button[\/button] [button colour=\"accent\" type=\"standard\" size=\"medium\" link=\"#\" target=\"_self]Medium button[\/button] [button colour=\"accent\" type=\"standard\" size=\"large\" link=\"#\" target=\"_self]Large button[\/button] [\/codesnippet] [divider type=\"dotted\" text=\"Go to top\" full_width=\"no\" width=\"1\/1\" el_position=\"first\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":861,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/social-icons\/","url_meta":{"origin":2935,"position":2},"title":"Social Icons","author":"beatsoop.com","date":"2 August 2012","format":false,"excerpt":"[spb_text_block title=\"Social Icons (Dark)\" pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [\/spb_text_block] [codesnippet pb_margin_bottom=\"yes\" width=\"1\/1\" el_position=\"first last\"] [social style=\"dark\"] NOTE: All social links are set within the Theme Options [\/codesnippet] [blank_spacer height=\"34px\" width=\"1\/1\" el_position=\"first last\"] [boxed_content title=\"Social Icons (Light)\" type=\"coloured\" pb_margin_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [\/boxed_content] [blank_spacer height=\"34px\" width=\"1\/1\" el_position=\"first last\"] [codesnippet pb_margin_bottom=\"yes\"\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5492,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/sliders\/","url_meta":{"origin":2935,"position":3},"title":"Sliders","author":"beatsoop.com","date":"2 February 2013","format":false,"excerpt":"[spb_text_block title=\"Posts Slider - Overlay Right\" pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [slider slider_type=\"posts\" layout=\"text-right\" overlay=\"natural\" link_title=\"true\"] [\/spb_text_block] [blank_spacer height=\"10px\" width=\"1\/1\" el_position=\"first last\"] [codesnippet pb_margin_bottom=\"yes\" width=\"1\/1\" el_position=\"first last\"] [[slider slider_type=\"posts\" layout=\"text-right\" overlay=\"natural\" link_title=\"true\"]] [\/codesnippet] [blank_spacer height=\"40px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block title=\"Posts Slider - Alternative\" pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [slider slider_type=\"posts\"\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":869,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/quotes\/","url_meta":{"origin":2935,"position":4},"title":"Quotes","author":"beatsoop.com","date":"2 August 2012","format":false,"excerpt":"[spb_text_block title=\"Block Quote - Standard\" pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [\/spb_text_block] [codesnippet pb_margin_bottom=\"yes\" width=\"1\/1\" el_position=\"first last\"] [blockquote1]\u201cLorem ... do.\u201d[\/blockquote1] [\/codesnippet] [blank_spacer height=\"40px\" width=\"1\/1\" el_position=\"first last\"] [spb_text_block title=\"Block Quote - Medium\" pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] [\/spb_text_block] [codesnippet pb_margin_bottom=\"yes\" width=\"1\/1\" el_position=\"first last\"] [blockquote2]\u201cLorem ... do.\u201d[\/blockquote2] [\/codesnippet] [blank_spacer height=\"40px\" width=\"1\/1\" el_position=\"first last\"]\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":693,"url":"https:\/\/beatsoop.com\/index.php\/shortcodes\/columns\/","url_meta":{"origin":2935,"position":5},"title":"Columns","author":"beatsoop.com","date":"31 July 2012","format":false,"excerpt":"[spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/1\" el_position=\"first last\"] 1\/2 + 1\/2 [\/spb_text_block] [spb_text_block pb_margin_bottom=\"no\" pb_border_bottom=\"no\" width=\"1\/2\" el_position=\"first\"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/2935"}],"collection":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/comments?post=2935"}],"version-history":[{"count":1,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/2935\/revisions"}],"predecessor-version":[{"id":12308,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/2935\/revisions\/12308"}],"up":[{"embeddable":true,"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/pages\/8303"}],"wp:attachment":[{"href":"https:\/\/beatsoop.com\/index.php\/wp-json\/wp\/v2\/media?parent=2935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}