Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    360 Search: Results Page Branding: Dynamic Results Display

    • Product: 360 Search

    How can I change the colors for the dynamic results display?

    To change the elements of your Results page to match your library home page, add one or more of the CSS snippets below to the Header portion on the Branding option within the 360 Search Administrator Console. Place the code within <style> tags.
    (The final result is shown at the bottom of this page.)

    Tabs in the Cluster Results

    Image

    Selected Tab in the Cluster Results

    .SSCentralSearchClusterTabSelected,
    .SSCentralSearchResultsTabSelected,
    div.SSCentralSearchClusterMessageBox
    {background-color: #XXXXXX; border-top: 2px solid #XXXXXX; border-right: 2px solid #XXXXXX; }

    Unselected Tab in the Cluster Results

    .SSCentralSearchResultsTab,
    .SSSearchModeTabUnselected,
    .SSCentralSearchClusterTab
    {background-color: #XXXXXX; border-top: 2px solid #XXXXXX; border-right: 2px solid #XXXXXX; }

    Sort Control Box

    Image
    .SSCentralSearchHorizontalResults
    div.SSCentralSearchResultsHeading,
    td.SSCentralSearchSortBox,
    td.SSCentralSearchFilterBox,
    div.SSCentralSearchResultsHeading,
    div.SSCentralSearchControlsBox
    { background-color: #XXXXXX;}

    Results Source Box

    Image
    div.SSCentralSearchSourceResultsBox
    {background-color: #847308;}
    div.SSCentralSearchResultsSourceHeader,
    {border: solid 1px #800000; background-color:#XXXXXX; }

    Email and Export

    Image
    table.SSCentralSearchSelectedItemsExportForm,
    table.SSCentralSearchSelectedItemsEmailForm,
    table.SSCentralSearchSelectedItemsEmailConfirmation
    {border: solid 1px; background-color: #XXXXXX;}

    Font Color of the Sort Control Box, Cluster and Source Boxes

    Image
    div.SSCentralSearchClusterMessageBox, div.SSCentralSearchResultsHeading, div.SSCentralSearchResultsHeadingTitle, div.SSCentralSearchClusterTabSelected, div.SSCentralSearchCenterSortLabel, div.SSCentralSearchCenterFilterLabel, div.SSCentralSearchControlsControl, div.SSCentralSearchControlsControl a:link, div.SSCentralSearchFilterControl
    {color: #XXXXXX}

    Final Result

    Image
    <style>

    /* Selected tabs */
    .SSCentralSearchClusterTabSelected,
    .SSCentralSearchResultsTabSelected,
    div.SSCentralSearchClusterMessageBox
    {background-color: #800000; border-top: 2px solid #800000; border-right: 2px solid #800000; }

    /* Unselected tabs */
    .SSCentralSearchResultsTab,
    .SSSearchModeTabUnselected,
    .SSCentralSearchClusterTab
    {background-color: #847308; border-top: 2px solid #847308; border-right:
    2px solid #847308; }

    /*sort control box*/
    .SSCentralSearchHorizontalResults
    div.SSCentralSearchResultsHeading,
    td.SSCentralSearchSortBox,
    td.SSCentralSearchFilterBox,
    div.SSCentralSearchResultsHeading,
    div.SSCentralSearchControlsBox
    { background-color: #800000;}

    /*results by source box*/
    div.SSCentralSearchSourceResultsBox
    {background-color: #847308;}
    div.SSCentralSearchResultsSourceHeader,
    {border: solid 1px #800000; background-color:#800000; }

    /*email and export*/
    table.SSCentralSearchSelectedItemsExportForm,
    table.SSCentralSearchSelectedItemsEmailForm,
    table.SSCentralSearchSelectedItemsEmailConfirmation
    {border: solid 1px; background-color: #847308;}

    div.SSCentralSearchClusterMessageBox, div.SSCentralSearchResultsHeading, div.SSCentralSearchResultsHeadingTitle, div.SSCentralSearchClusterTabSelected, div.SSCentralSearchCenterSortLabel, div.SSCentralSearchCenterFilterLabel, div.SSCentralSearchControlsControl, div.SSCentralSearchControlsControl a:link, div.SSCentralSearchFilterControl {color: silver;}

    </style>


    • Date Created: 9-Feb-2014
    • Last Edited Date: 21-Feb-2014
    • Old Article Number: 7467