Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


How can I change the look and feel of boxes for a particular group in LibGuides CMS?

Last Updated: May 21, 2013  |  3559 Views

Was this helpful? 2   5


To change the color or shape of boxes for a specific group in LibGuides CMS, you'll need to use a bit of code. Here are a few common things you may want to do with your boxes:

To do each of these things, you'll need to paste the following code into the Custom JS/CSS Code section on your group management screen.

Note: the following methods involve CSS. Make sure you have a <style> tag before your CSS and a closing </style> tag at the end!

To make your boxes square rather than round:

div.roundbox {
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;

To change the color of the header:

.headerbox {
background-color: #006699 !important;
background-image: url() !important;

(You can replace #006699 with any other hex color code.)

To change the color of the header text:

.headerbox h2 {
color: #FFF;

To change the color of the box border: 

.outerbox {
background-color: #006699;

(Use #FFF to hide the box border entirely.)

To change the thickness of the box border:

.outerbox {
padding: 2px;

(You can replace 2px; with any other number.)

Answered by Zinthia BricenoBookmark and Share

Other Answers / Comments (0)

    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!