System-Wide SettingsHomepage SettingsBoxes and Sidebar
Pop-up WidgetEmbedded WidgetPop-up Question FormAPI Tools
Question FormSearch Form
General ChangesHomepageAnswer PageSidebarSystem BoxesBrowse & Search Pages
This is the "System Boxes" page of the "Customizing LibAnswers v1" guide.
Alternate Page for Screenreader Users
Skip to Page Navigation
Skip to Page Content

Customizing LibAnswers v1  

Customizing the look and feel of your LibAnswers system.
Last Updated: Feb 10, 2017 URL: http://help.springshare.com/customizela Print Guide RSS UpdatesEmail Alerts

System Boxes Print Page
  Search: 
 
 

Customizing the System Boxes

LibAnswers comes with several built-in boxes, that can be shown on either your homepage or in the sidebar on other pages.

If you want to remove or hide any of these boxes, head to Admin Stuff > Look & Feel > Homepage Settings (for the homepage) or Admin Stuff > Look & Feel > Boxes and Sidebar (for the sidebar).

Any customizations you make to these boxes with CSS will affect them in both places.

 HomepageSidebar
More Ways To Ask Questions
Chat
Browse By Topic
Related LibGuides
Info/Alert
Question Form
Recent/Popular/Featured Questions
 

Question Form

Click the links below to see custom CSS examples:

Change the background color of the form

Remove the borders around the sections

 

More Ways To Ask Questions

Custom CSS example:

Change the font & color of the icon text

.mwtext {
color: #006699;
font-family: font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
 

Info/Alert Box & Chat

Both of these boxes are completely controlled by you, with the rich text menu. Because you will have access to the rich text editor (below), you likely won't need to use CSS to style the content!

 

Browse By Topic

Custom CSS example:

Turn the dash into a symbol

.topicseparator {
font-family: wingdings;
}

 

Recent/Popular/Featured Questions

Be careful customizing this box - it has many class & ID names in common with the Search & Browse pages.

Click the links below to see custom CSS examples:

Hide the last update, topics, and views

Hide the line between questions

 

Related LibGuides

Custom CSS example:

Make the guide list font bigger

#relguideslist li a {
font-size: 20px;
}
Description

Loading  Loading...

Tip