Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

Do boxes have to have titles? Can I hide a box title or create a box without a header?

Last Updated: Dec 06, 2013  |  1841 Views
Topics: Boxes, CSS

Was this helpful? 2   0
A

Answer

LibGuides requires that every box have a title, but there are a few ways to work around it!

  1. Enter your box title as usual. Then, click edit in the upper right-hand corner of the box. Choose Edit Box Info > Box Colors. Make the Box Header Color and the Box Title Font Color the same color.

    One benefit to this method is that it makes it easier for you to remember what's in the box if you need to move the box later!

    This is what this method looks like in action:

  2. Instead of entering a box title, enter  . This is the HTML code for a non-breaking space - so the title of your box is essentially just a blank space!

    The downside to this method is that if you have multiple boxes with no title, on the same guide, it may be hard to distinguish between them when moving your boxes around.

    This method looks the same as method #1:

  3. The last method is a bit more involved, but in my opinion, looks the best! Start by creating a box and entering a title as usual.

    Next, get the box ID by hovering over the edit link in the upper right corner of the box. A tooltip with the box ID will appear. Write this ID down.

    Click add/edit text, and then select the Plain Text Editor tab.

    Paste this code into the editor:

    <style>
    #wrapboxboxID .headerbox { display: none; }
    </style>

    Make sure to replace boxID with the number you wrote down above. Click Save and Close.

    The advantage of this method is that it looks nice! However, you won't be able to access the edit functions of the box, which allow you to do things like edit the colors of the box or get the embed code for the box.

    Here's what this method looks like in action.

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (5)

  1. This bit o' code just made my day!!!!!!!
    by Sheila on Feb 21, 2012.
  2. Is there a way to do this in css for a whole page?
    by Drew on Jul 18, 2012.
  3. @Drew - absolutely! Just use .headerbox { display: none; } Remember, though, that this will hide every box header on that page, including the edit links in the upper right corner of each box. - Anna :)
    by Anna Burke on Jul 18, 2012.
  4. You can also just enter " " (without the quotation marks) as the title of the box.

      is the html entity (code) for non-breaking space and it allows you to obviate the problem of titles. Note that this should be used sparingly. A guide that has some boxes with and some without titles looks strange and is not best practice.
    by randal sean harrison on Apr 06, 2015.
  5. The code for a non-breaking space is & n b s p ; (without the spaces).

    As Randal suggests, if you take this approach, it should be used sparingly.

    Best,
    -Cindi
    by Cindi Blyberg on Apr 07, 2015.

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