How to add boxes around facets

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