Doc produitsMenu

Modification des styles CSS d'interface de recherche

Les interfaces de recherche Coveo utilisent Cascading Style Sheets (CSS) pour formater les éléments des interfaces de recherche. Les styles sont préconfigurés pour des interfaces de recherche standards, mais vous pouvez les modifier afin d'ajuster l'apparence de l'interface de recherche.

De façon discrète, l'Éditeur d'interface sauvegarde les paramètres CSS de l'interface de recherche dans le fichier [.Net_Front-End_Path]\Web\Coveo\Skins\[Skin_Name]\CoveoSearch.css indépendamment pour chaque interface de recherche.

Note : Pour plus d'information au sujet des styles CSS, veuillez vous référer à la page Web qui suit : http://www.w3.org/Style/CSS.

Pour modifier les styles CSS d'interface de recherche

  1. Accédez à l'Éditeur d'interface (voir Ouverture de l'Éditeur d'interface).

  2. Cliquez sur l'onglet Interfaces de recherche (Search Interfaces).

  3. Dans le menu :

    1. Dans la liste déroulante Interface sélectionnée, sélectionnez l'interface de recherche à laquelle vous souhaitez apporter des modifications.

    2. Sélectionnez le menu Styles.

    La page présente la liste complète de tous les styles CSS utilisés dans l'interface de recherche.

  4. Dans la liste de styles, trouvez le style que vous souhaitez modifier.

    Astuce : Utilisez des outils de développeur de navigateur afin d'inspecter l'élément d'interface de recherche que vous souhaitez modifier et obtenez son nom de classe CSS. Dans la liste de styles, recherchez le nom de classe dans la colonne Styles courants (Current Styles).

  5. Cliquez sur Modifier le style (Edit Style) à côté du style que vous souhaitez modifier.

  6. Dans la page Modifier le style pour le style sélectionné :

    1. Dans les paramètres CSS disponibles, tapez les valeurs appropriées pour les aspects que vous souhaitez modifier.

    2. Dans le champ Styles personnalisés (Custom Styles), vous pouvez taper un ou plusieurs styles CSS valides qui ne sont pas disponibles dans les paramètres de la page.

    3. Cliquez sur OK.

Note : Un lien Valeurs par défaut apparaît à côté du lien Modifier le style lorsqu'un style a été modifié afin que vous puissiez ramener la configuration aux valeurs par défaut, et ce, sans difficulté. Les valeurs CSS par défaut sont enregistrées dans le fichier [.Net_Front-End_Path]\Web\Coveo\Skins\[Skin_Name]\CoveoSearchDefaults.css.