{"id":2032,"date":"2021-06-07T10:40:42","date_gmt":"2021-06-07T10:40:42","guid":{"rendered":"http:\/\/localhost:10003\/?p=2032"},"modified":"2021-06-17T07:54:26","modified_gmt":"2021-06-17T11:54:26","slug":"simple-font-awesome-button","status":"publish","type":"post","link":"https:\/\/thewpgeek.com\/simple-font-awesome-button\/","title":{"rendered":"Simple Font Awesome Button"},"content":{"rendered":"\n<p>An example FontAwesome button, easily adjusted to use as you need. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example<\/h4>\n\n\n\n<style>\n\na.linkbutton {\n  line-height:1em;\n  font-size:16px;\n  text-decoration:none;\n  color: white;\n  background:#2a92d0;\n  display:inline-block;\n  padding:15px 12px 15px 15px;\n  transition:background 200ms;\n  border-radius:6px;\n\n}\na.linkbutton:hover {\n  background:#000;\nbox-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);\n\ttransform: translateY(-2px);\n}\na.linkbutton:after {\n font-family: 'Font Awesome 5 Free';\n  font-weight:300;\n  content: \"\\f35a\";\n  margin-left:20px;\n  color: white;\n  font-size:18px;\n  vertical-align:middle;\n}\n<\/style>\n\n<div>\n<a class=\"linkbutton\" href=\"#\">Read More<\/a>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Html<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div&gt;\n&lt;a class=\"linkbutton\" href=\"#\"&gt;Read More&lt;\/a&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">CSS<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>\na.linkbutton {\n  line-height:1em;\n  font-size:16px;\n  text-decoration:none;\n  color: white;\n  background:#2a92d0;\n  display:inline-block;\n  padding:15px 12px 15px 15px;\n  transition:background 200ms;\n  border-radius:6px;\n}\n\na.linkbutton:hover {\n  background:#000;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);\n  transform: translateY(-2px);\n}\n\na.linkbutton:after {\n  font-family: 'Font Awesome 5 Free';\n  font-weight:300;\n  content: \"\\f35a\";\n  margin-left:20px;\n  color: white;\n  font-size:18px;\n  vertical-align:middle;\n} <\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>An example FontAwesome button, easily adjusted to use as you need. Example Read More Html CSS<\/p>\n","protected":false},"author":2,"featured_media":2695,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_uag_custom_page_level_css":"","footnotes":""},"categories":[2],"tags":[],"uagb_featured_image_src":{"full":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920.jpg",1920,1359,false],"thumbnail":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-150x150.jpg",150,150,true],"medium":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-300x212.jpg",300,212,true],"medium_large":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-768x544.jpg",768,544,true],"large":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-1024x725.jpg",1024,725,true],"1536x1536":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-1536x1087.jpg",1536,1087,true],"2048x2048":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920.jpg",1920,1359,false],"rigtest-featured":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920-720x480.jpg",720,480,true],"mailpoet_newsletter_max":["https:\/\/thewpgeek.com\/wp-content\/uploads\/2021\/06\/finger-769300_1920.jpg",1320,934,false]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/thewpgeek.com\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"An example FontAwesome button, easily adjusted to use as you need. Example Read More Html CSS","_links":{"self":[{"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/posts\/2032"}],"collection":[{"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/comments?post=2032"}],"version-history":[{"count":1,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/posts\/2032\/revisions"}],"predecessor-version":[{"id":2697,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/posts\/2032\/revisions\/2697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/media\/2695"}],"wp:attachment":[{"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/media?parent=2032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/categories?post=2032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thewpgeek.com\/wp-json\/wp\/v2\/tags?post=2032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}