{"id":1396,"date":"2017-09-14T18:24:50","date_gmt":"2017-09-14T18:24:50","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=1396"},"modified":"2020-05-04T14:51:40","modified_gmt":"2020-05-04T21:51:40","slug":"image-callout","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/image-callout\/","title":{"rendered":"Image Callout"},"content":{"rendered":"

Image Callout<\/h1>\n
Watch the Image Callout and Image Caption video<\/u><\/a><\/p>\n\n\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How-To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
An image callout<\/strong> allows you to give an image a title and a brief description.<\/p>\n
Example<\/h2>\n\n\n \n \n $\"\"$ \n \n Central Campus<\/span>\n <\/span>\n <\/span>\n \n \n\nThe Union is at the heart of the NAU campus.\n\n\n<\/span>\n <\/span>\n <\/span>\n <\/a><\/span>\n\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How-To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
The title must be formatted as Heading 4 (H4) The description must be in plain text (Paragraph). The order of the elements does not matter.<\/p>\n
\n
Select image callout<\/strong>.<\/li>\n
Select the alignment option. The shortcode appears in the text editor.<\/li>\n
Insert your cursor between the shortcode bookends.<\/li>\n
Enter the text for the image caption.<\/li>\n
Enter Heading 4 text for the image title.<\/li>\n
Select Add Media<\/strong> to open the Media Library.<\/li>\n
Select the image and click Insert into page<\/strong>.<\/li>\n<\/ol>\n
All image callouts must be associated with a link.<\/strong><\/p>\n
\n
Select the image.<\/li>\n
Click the hyperlink<\/strong> button from the toolbar.<\/li>\n
Enter the URL or type the name of a page on your site.<\/li>\n<\/ol>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
If the image callout is not appearing or behaving as expected:<\/p>\n
\n
Ensure that the text for your shortcode is complete, all bookends are present and each closing bookend contains a forward slash<\/li>\n
Did you associate a hyperlink with the image?<\/li>\n<\/ul>\n
If you’re still having trouble, contact EASI Web Team<\/a>.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n
\n
\n\n
\n
\n
Academic unit site support<\/h3>\n <\/div>\n
\n
\n