Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

Can I make headings in my Links & Lists box?

Last Updated: Nov 07, 2011  |  3209 Views
Topics: Links, CSS, Boxes

Was this helpful? 11   0
A

Answer

Yes! You can create lists with headings - the best part is that you will still be able to get statistics for these links!

(1) First, create your links and heading titles. To add heading titles, follow the same steps you take to add a link - just leave the Link URL field blank. 

Add new link dialog box, with arrow pointing toward Link URL field, with note saying leave blank.

(2) Make sure your links and headings are in the order you wish them to be. The heading should be first, followed by the list of links you want "under" that heading. 

(3) Then, find the link ID for each of your headings. You can do this by hovering over the little wrench & screwdriver icon with your mouse. In the picture below, the link ID is 4985439. Write these numbers down.

(4) Then, go to the top of the box and click on add text. A box will pop up; click on the Plain-text Editor tab. Then paste the following code:

<style>

#linkthe-first-number-you-wrote-down, #linkthe-second-number-you-wrote-down {
list-style-type: none;
margin-left:-8px;

font-size: 18px;
color: #96160B;
font-weight: bold;
}

</style>

In the picture above, we found that the link ID was 4985439. So we would write #link4985439 for our first link. Continue your list of link IDs for as many headings as you have.

(5) Done? Click the Save and Close button. Your new Links & Lists box will look something like this:

Links are normal, headings are large, colored red, and have no bullets.

Don't like how it looks? You can go back and adjust the style - for example, try changing the the font size to 14px or the color of the headings to #659D32.

Caution: This strategy will NOT work in Simple Web Links boxes.

Answered by Zinthia BricenoBookmark and Share

Other Answers / Comments (17)

  1. You Guys Rock! Thanks for the explicit instructions!
    by Carla M. Gruen on Oct 21, 2010.
  2. It's the little things that can really make a difference on a page. Thanks for this :)
    by Holly Ashbourne on Mar 08, 2012.
  3. Nice hack, but not so brilliant for accessibility. It would be great if you could actually implement hierarchical headings <h3> or text in between links (without using a Rich text box, so that the stats are still counted)... *dreams*
    by Suzanne Bailey on Apr 02, 2012.
  4. Thanks for the comment, Suzanne - we're always looking for ways to improve our products, so I'll share your suggestion with the development team!
    by Laura Harris on Apr 03, 2012.
  5. Is this still the correct method? When I hover over the wrench symbol I don't see anything, number or otherwise. I'm logged in as Admin.
    by Tiffany Hayes on Jul 20, 2012.
  6. Hi Tiffany - This is still the method. Make sure that when you hover over the wrench symbol you see your pointer turn into a hand. Then leave the mouse alone and you should see the little pop up.
    by Zinthia Briceno on Jul 20, 2012.
  7. I'm also not getting a number or any text when I hover over the wrench symbol.

    Does it make a difference if I'm using Internet Explorer 9?
    by Ann Morgan on Aug 03, 2012.
  8. Hi All -
    Zinthia here from the training team.
    We've identified that IE is having display issues with links boxes.We are working on this and we'll post when it's fixed.
    For the time being - if possible - please use Chrome or Firefox.
    Thanks Guys!
    by Zinthia Briceno on Aug 03, 2012.
  9. Zinthia and Tiffany,

    Thank you, it worked when I switched to Firefox!

    Susan
    by Susan Schulz on Mar 15, 2013.
  10. Where can I find the numbers for the different colors besides the example you gave of #659D32?

    Thanks.
    by Susan Schulz on Mar 15, 2013.
  11. Hi, Susan!
    You can find hex codes for colors at lots of different websites. You might try:

    https://kuler.adobe.com
    http://www.colourlovers.com/
    http://www.colorschemedesigner.com/

    Have fun! :)

    -Cindi
    by Cindi Trainor on Mar 15, 2013.
  12. I've been using this process for about a year and it's worked fine. All of a sudden today it only lets me add 8 headings. When I add the 9th heading all of the headings return to being bullets. I think I've added more than this before. Is there a limit or am I crazy?
    by Nora Rackley on Apr 24, 2013.
  13. Hi Nora,
    You should be able to add more than nine. If you send us the link to the guide we can take look, perhaps something else is a miss :).
    by Zinthia Briceno on Apr 24, 2013.
  14. How to do the same for a list of documents in a document box?
    by xing on Nov 13, 2013.
  15. Hi Xing!

    Unfortunately, this isn't possible with the Docs & Files box. Each item added to a D&F box has to have a file uploaded to it, unlike the Links & Lists box where you can leave that part of the form empty thus creating headings. Good news though! We are rolling out the opt-in LibGuides refresh, coming soon, where you'll be able to mix & match content. So you could create some text, then add a Document, then add an RSS feed, etc... all within the same box! If you haven't already seen it, I'd recommend signing up for one of our sneak-peek webinars: http://calendar.springshare.com.

    Best,
    Talia
    by Talia Richards on Nov 13, 2013.
  16. Is it also possible for you to provide the code for inserting a space or break between each of the categories? So all of the the links relating to the first heading, then a space, then all of the links relating to the next heading and so on?
    by Renee on Feb 13, 2014.
  17. Hi, Rene!You could insert a space between sections by repeating the instructions above, but putting the code in for an HTML non-breaking space in the Link title field: &nbsp;. Best, -Cindi
    by Cindi Blyberg on Feb 13, 2014.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.

Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help