Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

How do I minimize or remove box borders?

Last Updated: Dec 06, 2013  |  1740 Views

Was this helpful? 0   2
A

Answer

To minimize the box borders:

  • Go to Admin Stuff > Look & Feel and look for the Custom JS/CSS Code box.

  • Copy and paste the following style code, replacing 7px (the thicker line) with a smaller number:

    <style>
    .outerbox { padding:7px; }
    </style>

    If you'd also like to make the line between the header of the box and the content of the box thinner, add this line, changing 5px to a smaller number:

    .headerbox { margin-bottom:5px; }

  • Click Save Custom JS/CSS - then go check out a guide to see your slick new lines!

To remove the box borders:

You can do this for all the boxes in your site, or just for an individual box.

In order to remove the box borders for all boxes, you must have an admin-level account. Here's how:

  • Go to Admin Stuff > Look & Feel and look for the Custom JS/CSS Code box.

  • Copy and paste the following style code, replacing 7px (the thicker line) with a smaller number:

    <style>
    .outerbox { background: #FFF; }
    </style>

To do this for just a single box:

  • Go to the page where you want to hide the borders on a box.
  • Click the edit link in the upper right corner of the box; click Edit Box Info.
  • Click the Box Colors tab
  • In the Border field, enter ffffff.
  • Click Save Changes.

Either Way...

That change will make your boxes look like this:

Answered by Anna BurkeBookmark 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.


    Support:

    Follow LibGuidesFAQ on Twitter Follow us on Twitter!