How to make the Primo banner background use an image instead of a solid color

• Article Type: General
• Product: Primo
• Product Version: 4

Desired Outcome Goal:
To make the Primo banner background use an image instead of a solid color.

Procedure:
1. Add the following lines to the local (customer's) css (e.g. abc.css)

/*---Primo banner background use an image instead of a solid color---*/
div.EXLHeader {background: url("../<VIEW_CODE>/trees.png") repeat-x scroll 0 0 / 100% auto rgba(0, 0, 0, 0);}

2. Go to Primo Home > Primo Utilities > File UpLoader in the Primo Back Office

3. Choose the appropriate view code for css upLoad

4. Click the "Browse" button in the Load File section (lower left of screen).

5. In the pop-up window choose Updated css file for upLoad and click "Open"

6. Click the "Load & Update CSS" button to Load the new css.

7. Repeat steps #3-#6 to upload the image file that the css will point to.

8. Close any open browsers that were displaying the Primo Front End and re-open (it's also helpful to clear the browser cache).

Category: Primo

Subject: UI configuration - Primo

• Article last edited: 8/21/2014