{"id":9023,"date":"2023-05-02T11:56:10","date_gmt":"2023-05-02T16:56:10","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom\/?page_id=9023"},"modified":"2025-09-23T15:22:50","modified_gmt":"2025-09-23T20:22:50","slug":"button-styles","status":"publish","type":"page","link":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/button-styles\/","title":{"rendered":"Button Styles"},"content":{"rendered":"\n<p>If you are using the Mercury theme, you can make any <a href=\"https:\/\/wordpress.org\/documentation\/article\/buttons-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">standard WordPress button<\/a> into an animated button. <\/p>\n\n\n\n<p>In the Block Editor, insert a Buttons block. Enter text in the content area. Other options, including link destination and button styles, can be set in the editing toolbar. You can also add or remove styles in the inspector panel under Advanced > Additional CSS Classes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"769\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-buttonstyles.gif\" alt=\"\" class=\"wp-image-10827\"\/><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/github.com\/hwcoe\/hwcoe-ufl\/wiki\/Content-Tips-Tricks#buttons\" target=\"_blank\" rel=\"noreferrer noopener\">HWCOE 2019 college theme button styles and instructions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are using the Mercury theme, you can make any standard WordPress button into an animated button. In the Block Editor, insert a Buttons block. Enter text in the content area. Other options, including link destination and button styles, can be set in the editing toolbar. You can also add or remove styles in [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":9989,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-sidebar-none.php","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9023","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/9023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/comments?post=9023"}],"version-history":[{"count":1,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/9023\/revisions"}],"predecessor-version":[{"id":12025,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/9023\/revisions\/12025"}],"up":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/9989"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=9023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}