'Pages' are the tabs you see near the top of your guide that you can flip through to organize your content. To add a page, simply click the + button.
To remove or reorder your pages, click on the 'Page' gear icon that appears under the page/tab labels:
You have the option of reconfiguring your guide layout to have a sidebar instead of seeing your pages/tabs at the top. To do this, click on the image icon drop-down menu and choose 'Guide Navigation Layout' :
You have the option to change some colors in your guide using the LibGuides user interface. Still more configuration can be done if you are familiar with CSS.
To change basic color settings
Click on this icon:
Then, choose 'Tab & Box Options' to see a list of basic color & customization options that you can edit.
If you want to change a color or shape that is not listed in 'Tab & Box Options'
More advanced customization can be done by inserting your own CSS code. To do this, click on the same 'picture' icon shown above and select 'Guide Custom JS/CSS.' You can contact the LibGuides administrator for help with this. In addition, the next few tabs contain some sample pieces of code that you can copy paste into your box.
Vertical color gradient on box titles:
<style>
h2.s-lib-box-title{background:linear-gradient(rgb(167,172,201),rgb(91,109,157)) !important;
background:-moz-background:linear-gradient(rgb(167,172,201),rgb(91,109,157))!important;
background:-o-background:linear-gradient(rgb(167,172,201),rgb(91,109,157))!important;
background:-webkit-background:linear-gradient(rgb(167,172,201),rgb(91,109,157))!important;}
</style>
Vertical color gradient on your guide's header (right under the banner):
<style>
.s-lib-header{background:linear-gradient(rgb(175,186,214),#ffffff) !important;
background:-moz-background:linear-gradient(rgb(175,186,214),#ffffff)!important;
background:-o-background:linear-gradient(rgb(175,186,214),#ffffff)!important;
background:-webkit-background:linear-gradient(rgb(175,186,214),#ffffff)!important;}
</style>
You can replace the rgb(__,__,__),rgb(__,__,__) with your own start & end colors either in rgb format or hex format (#ffffff)
It is also possible to create horizontal, diagonal, and radial color gradients!
<style>
.s-lib-box{border-color:#d6d2d2;border-radius:12px;border-width:8px;}
</style>
border-color: put the color of your border here in hex format
border-radius: erase this portion if you want your border to have sharp edges
border-width: adjust the thickness of your border using this setting
You also have the option of specifying how many columns you want on each page, and how wide they are. To do this, just click on the 'Layout' button just below your guide's page labels/tabs: