Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


Can we add images to the links and list box instead of text?

If not, the rich text/dynamic box - will show stats for those specific links clicked? Can we copy those specific links into another box? I think it would be nice to be able to add images to the links - visually appealing and show logo of the database.
Last Updated: Jan 03, 2012  |  3244 Views
Topics: Links, Images

Was this helpful? 5   12


Step 1: Set up Resource Icons (System Admins Only)

  1. Head to the Dashboard
  2. Select Admin Stuff -> System Settings
  3. Click the Link Options tab; look for the box marked Resource Icons
  4. Upload each icon that you'd like to use by selecting Browse, and then selecting the icon image from your computer. Keep in mind:
    1. Icons will be displayed at 16px by 16px resolution, so your icon file should be as close to that size as possible.
    2. The best formats to use are .jpg or .png
  5. Once you've uploaded an icon, you can also asign a Description (which will show up when a user hovers over the icon) and a Link (which the user can get to by clicking on the icon). 
  6. Click the Create button. 
If the default size of resource icons (16px x 16px) is too small, change it to a custom default size! 
  1. Head to the Dashboard
  2. Select Admin Stuff -> Look and Feel
  3. Scroll to the Custom JS/CSS Code box, and enter the following code, replacing "16px" with whatever size you'd like:
    .res_icon {height:16px; width:16px;}

Step 2: Use the Resource Icons

Once you've created Resource Icons, they can then be used within Simple Web Links and Links & Lists boxes. You don't need to be a system administrator to use the Icons. To use the icons:

  1. Either Add a Link (for new links) or select Edit Link (for existing links).
  2. When creating a new link, you should see a pop-up window like this one - check the box next to the icons you'd like to use. 

Note: if the system administrator associates a resource icon with a particular link, a guide author can override that link by entering their own in the 'Optional Custom URL' space. If the guide author leaves that field blank, the icon will link to whatever URL has been set on the Custom Text & Fields page. 

When you're done, click the Create Link button. Your link should now look something like this:


Answered by Sarah PawlekBookmark and Share

Other Answers / Comments (2)

  1. You should allow larger images to be used with the list of links. The resource icons are too small. A book list will let you add images and have a link by it, but the statistics will be muddled as it will list them as book hits!
    by Carrie on Mar 22, 2013.
  2. Hi Carrie - If you are using Links & List boxes for your links, you can add a database logo or other image to the description using HTML. The image has to be online, either loaded into your Image Manager or already existing somewhere on the web. You then need to grab the image URL and add this code in the description box: <img src="IMAGE URL HERE">. If you want to add a text description, you should follow the image code with the code for a line break : </br> Hope that helps. - Ken
    by Ken Liss on Mar 22, 2013.

Need Help?

This site is shutting down by, if not before, March 31, 2018.

LibGuides v1 servers are also shutting down at that time.

See LibGuides v2 documentation instead.


Follow LibGuidesFAQ on Twitter Follow us on Twitter!