Question

How to add boxes around facets?

Answer

1. In the local CSS, add the following, making adjustments to the color and font as desired:

.EXLFacetContainer {
margin-bottom: 1em;
font-family: Arial;
padding: 0em 0em 1em 0em;
clear: left;
display: block;
border: 1px solid #DDD;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.EXLFacetContainer h1{
color: #000;
font-weight: normal;
font-size: 90%;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: #F8F8F8;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
line-height: 150%;
text-indent: 0em;
margin-bottom: 0.7em;
}

.EXLFacetContainer h4 {
font-weight: bold;
font-size: 80%;
padding: 0em 0em 0em 0.5em;
text-indent: 0em;
color: rgb(51, 51, 51);
background-color: #F8F8F8;
}

2. Login to the Primo Back Office and go to Primo Utilities > File Uploader

3. Upload the new version of the local CSS file using the File Uploader

The change takes effect after refreshing the browser.

Category: Front End

Subject: Look and Feel, CSS