Skip to content

Set hover color

Depending on the color of the theme used (and the color of the font), hovering over the elements you're looking for may lose legibility. Use the following procedure to change the hover color of elements:

  1. Open the Catalog/css/style.css file
  2. Go to the end of the file and skip a line
  3. Add the following lines: 
    .jimu-widget-catalog .metadata-item:hover
{
background-color: #38a800;
}

.jimu-widget-catalog .free-text {
background-color: transparent;
}
  4. Save file
  5. Clear cache and reload application

Note: The color code (hexadecimal) can of course be overwritten.