# Personnaliser l'affichage, en surchargeant avec un fichier CSS personnalisé

Afin de pouvoir personnaliser l'affichage du Client web, sans avoir de risque d'écrasement des modifications, ou de mises à jour partielles, lors des mises à jour, il est maintenant possible de définir un fichier CSS personnalisé permettant de surcharger la mise en forme. On simplifie de cette façon la personnalisation du site, la mise à jour, et on réduit grandement les risques d'erreurs ou de perte de temps de travail.

 

Attention : la mise en de cette fonctionnalité requière des connaissances en CSS, et ne sera donc pas facilement accessible à un utilisateur moyen.

 

Mise en place :

Pour mettre en place le fichier CSS surchargeant la mise en forme existante :

 

\- Créer un fichier CSS contenant les modifications désirées.

\- Ouvrir le fichier de configuration d'affichage (config\_display.inc.ini.php).

\- Modifier la ligne : « CSS\_FILE\_FOR\_OVERLOAD="" » afin d'obtenir une ligne du type : CSS\_FILE\_FOR\_OVERLOAD="{Chemin fichier CSS de surcharge}"

 

Ainsi si l'on souhaite surcharger avec le fichier "personnalisation.css" présent à la racine du site, on aura cette ligne :

CSS\_FILE\_FOR\_OVERLOAD="personnalisation.css".

Si l'on souhaite surcharger avec le fichier "personnalisation.css" présent dans le dossier "personnalisation", on aura cette ligne :

CSS\_FILE\_FOR\_OVERLOAD="personnalisation/personnalisation.css".

<figure><img src="https://1324884545-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvBJ3Kpe0vg6NlDz0QDIX%2Fuploads%2Fa2w52xYtBGKQnXjzuQdf%2Fimage.png?alt=media&#x26;token=999fcd01-c975-4526-94a3-99be4c52e455" alt=""><figcaption></figcaption></figure>

Note:

&#x20;

{% hint style="info" %}
\- En cas de modification d'images présente à l'origine dans le site, il est conseillé, dans faire une copie (ex : dans un dossier personnalisation/img), de modifier cette copie, et de remplacer l'affichage d'origine par l'affichage des copies modifiées en le définissant dans le fichier CSS de surcharge. Ainsi la mise à jour sera simple, rapide, et non génératrice de risque de bug.
{% endhint %}

&#x20;

{% hint style="info" %}
\- En cas de présence de multiple fichier, il est conseillé de créer un répertoire (ex : personnalisation ou mise en forme), afin d'éviter les éventuels risques d'erreur.
{% endhint %}