Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


How do I create more space between the tabs?

Last Updated: May 02, 2012  |  3174 Views
Topics: Pages / Tabs

Was this helpful? 1   0


Well...that depends. Do you want to create space to the right and left of tabs? Or between rows of tabs? ;)

If it's between two rows of tabs, add this code to the Custom JS/CSS Code box on the System-wide Settings page (which will then make this change across all guides):

#tabs12 li a, #tabsI li a { margin-top:5px; }

You can change the 5px whatever value works best for you. :)

If it's between tabs (on the left and right), add this code to the Custom JS/CSS Code box on the System-wide Settings page:

#tabs12 li a, #tabsI li a { margin-left:2px; margin-right: 2px; }

Of course, if you want it all, just combine it!

#tabs12 li a, #tabsI li a { margin-top:5px; margin-left:2px; margin-right: 2px; }

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (2)

  1. How can I do it for only one guide?
    by Holly Ashbourne on Sep 27, 2011.
  2. Hi Holly,

    To create more spacing between tabs on only one guide, you would need to upgrade from LibGuides to CampusGuides. CampusGuides has more functionality to perform micro-customizations. Plus it has some really other nice features as well! You can read more about CampusGuides on our help guide:
    Let me know if you need anything else!
    Talia :)
    by Talia Resendes on Sep 27, 2011.

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!