Request-info-icon.png – Clipboard with form icon<\/li>\n<\/ul>\nStep two: Insert an icon into the page<\/h3>\n
Using the Add Media feature, select the button you want to use (Apply-now-icon.png or Request-info-icon.png). If you did not already specify alt text, please add that now, and click the “Insert into page” or “Insert into post” button.<\/p>\n
Step three: Resize the icon to 125 pixels wide<\/h3>\n
The buttons are larger to allow for best display at different screen resolutions, and the default size will be larger as a result. Select the image and click the “Edit” button in the pop-up toolbar (see below):<\/p>\n
![\"Screenshot](\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2019\/01\/detail-of-edit-toolbar-272x300.png\")
<\/p>\n
In the edit screen that appears, you will want to select a custom size, and enter 125 into the width field (see below):<\/p>\n
![\"Detail](\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2019\/01\/detail-of-image-width-300x136.png\")
<\/p>\n
Step four: switch to text view to add HTML around this image<\/h3>\n
When you switch to text view, you should see code similar to this:<\/p>\n
<img class=\"alignnone wp-image-972\" src=\"https:\/\/umaine.edu\/sitename\/wp-content\/uploads\/sites\/33\/2019\/01\/Apply-now-icon-300x290.png\" alt=\"UMaine Black Bear head icon\" width=\"125\" height=\"121\" \/><\/code><\/p>\nFor the APPLY NOW button<\/h4>\n
Type this HTML code immediately before the beginning of the code (the <img… part):<\/p>\n
<div style=\"text-align: center;\"><a href=\"https:\/\/go.umaine.edu\/apply\/\"><span class=\"button\"><\/code><\/p>\nType this HTML code immediately after the end of the code (the \/> part):<\/p>\n
<br\/>APPLY NOW<\/span><\/a><\/div><\/code><\/p>\nFor the REQUEST INFO button<\/h4>\n
Type this HTML code immediately before the beginning of the code (the <img… part):<\/p>\n
<div style=\"text-align: center;\"><a href=\"https:\/\/umaine.secure.force.com\/form?formid=217739\"><span class=\"button\"><\/code><\/p>\nType this HTML code immediately after the end of the code (the \/> part):<\/p>\n
<br\/>REQUEST INFO<\/span><\/a><\/div><\/code><\/p>\nStep five: Save your work and preview your page<\/h3>\n
If this worked as it should, you will see buttons similar to what is at the top of this page. Each button is centered within the content area. If you need to display buttons beside content, we recommend using the Rich Text content blocks to control placement of the buttons alongside other content. You should also use content blocks in this manner if you want to display these buttons beside one another.<\/p>\n","protected":false},"excerpt":{"rendered":"
Two new buttons have been developed for websites to provide a consistent visual encouraging potential students to begin the enrollment process: APPLY NOW REQUEST INFO If you are comfortable editing web page code in the “text” view of the WordPress editor, these instructions will help you add these buttons today. Please let us know […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"7","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[7],"tags":[],"class_list":["post-970","post","type-post","status-publish","format-standard","hentry","category-answers"],"taxonomy_info":{"category":[{"value":7,"label":"Answers"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":7,"name":"Answers","slug":"answers","term_group":0,"term_taxonomy_id":7,"taxonomy":"category","description":"","parent":0,"count":8,"filter":"raw","cat_ID":7,"category_count":8,"category_description":"","cat_name":"Answers","category_nicename":"answers","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":5,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/970\/revisions"}],"predecessor-version":[{"id":979,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/970\/revisions\/979"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"UMaine](\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2019\/01\/Apply-now-icon-300x290.png\"){kind=icon}
![\"Clipboard](\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2019\/01\/Request-info-icon-300x290.png\"){kind=icon}