Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

Is there a way to eliminate the bullets that appear for every list item in the Links and List boxes?

Last Updated: Nov 02, 2011  |  789 Views
Topics: Boxes, Links, CSS

Was this helpful? 0   0
A

Answer

Sure! You just need to use some CSS to change it. :)

.itemlist ul { list-style-type: none; }

  • If you'd like to do this for a Simple Web Links box instead, change .itemlist to .linklist.
  • If you'd like to change the bullet style or use your own image in place of the bullet, the W3Schools does a great job showing you how on their tutorial: http://www.w3schools.com/css/css_list.asp

Change System Wide

If you'd like to make this change throughout your whole system:

  1. Go to Admin Stuff > Look & Feel
  2. On the System Wide page, scroll down to the Custom JS/CSS Code box
  3. Add the CSS:
    <style>
    .itemlist ul { list-style-type: none; }
    </style>
  4. Click Save Custom HEAD

Change for a Group (CampusGuides Only)

If you'd like to make this change in just one group of guides:

  1. Go to Admin Stuff > Groups
  2. Click on the edit icon for the appropriate group
  3. Click the Group Look & Feel tab
  4. Scroll down to the Custom JS/CSS Code box
  5. Add the CSS:
    <style>
    .itemlist ul { list-style-type: none; }
    </style>
  6. Click Save Custom HEAD

Change on One Guide (CampusGuides Only)

If you'd like to make this change in just one guide:

  1. Edit the guide
  2. Go to Guide Look & Feel > Custom JS/CSS Code
  3. Add the CSS:
    <style>
    .itemlist ul { list-style-type: none; }
    </style>
  4. Click Save
Answered by Anna BurkeBookmark and Share

Other Answers / Comments (4)

  1. Final style tag should be a /style. We found out all when our pages failed to display. Thanks to Springshare for spotting the problem quickly!
    by Vickie Kline on Jul 14, 2011.
  2. ack! sorry about that Vickie! I've fixed the code so that doesn't happen to anyone else. :(
    by Anna Burke on Jul 14, 2011.
  3. My experience has been that if you choose to add this CSS for a single box on a single page, it will actually apply any links boxes on that page. Or am I doing something wrong?
    by Krista Schmidt on Jun 12, 2012.
  4. Great question, Krista!

    This CSS is specifically for hiding the bullets for all boxes of that type - so if you add this code to a box on a page, it will, as you noticed, apply to all links boxes on that page.

    If you want it to apply to just one box, you'll need to specify that using the ID for that box. We have some more information about that here:

    http://help.springshare.com/content.php?pid=152987&sid=1301070

    I hope this helps! :)
    by Laura Harris on Jun 12, 2012.

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.


Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!