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  |  725 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 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