# Paramétrage CSS, backgrounds et images customs

## Fond d'écran des blocs


3 classes sont disponibles dans la configuration pour assigner des images de fond aux blocs :
- .background1
- .background2
- .background3

Pour les utiliser facilement :
1. Mettre l'image de fond souhaité dans le dossier /public/assets/images/ (**Attention, ces images seront ajoutées au GIT !!!**)
2. Modifier la configuration 1, 2 ou 3 dans le bloc **Identitié du site** du menu Configuration générale de l'administration
3. Ajuster le padding correspondant au besoin dans le bloc **identité du site** du menu Configuration générale de l'administration
4. Modifier les classes CSS custom des blocs dans le constructeur de page en précisant background1, background2 ou background3 (pour rappel, les classes CSS sont séparées par des espaces si on a besoin d'en utiliser plusieurs)

Dans le cas où il s'agit d'un paramétrage un peu plus custom/plus fin, se référer aux blocs ci-dessous.

## Ajout des images (sans les ajouter au GIT)

1. Créer un dossier "images" dans public/
2. uploader les images dans le dossier

## Création du CSS custom

1. Se connecter à l'interface d'administration
2. dans le menu Administration > Configuration générale, dérouler le bloc "SCRIPTS AJOUTES"
3. Cliquer sur le crayon à côté de CSS personnalisé

Renseigner dans la zone de tete tout le CSS additionnel souhaité, notamment celui faisant appel aux images customs.

Par exemple si on ajoute un fichier toto.png dans le dossier images et qu'on souhaite s'en servir comme fond pour les éléments de type *fieldset*

```
fieldset {
    background: url('/images/toto.png');
    ...
}
```

On notera que même si l'image se situe dans le dossier **/public/images/** le chemin à préciser est simplement **/images**.

C'est en fait simplement du au fait que Symfony utilise le dossier /public comme racine du projet.