<html lang="fr-fr" dir="ltr"><head></head><body>### [Comment masquer les étiquettes de choix d'image avec WPForms](https://wpforms.com/developers/how-to-hide-image-choice-labels-with-wpforms/)

**Publié le :** 30 juin 2021
**Auteur :** Équipe éditoriale

**Extrait :** Ce tutoriel vous expliquera comment utiliser facilement le CSS pour masquer les étiquettes de choix d'image pour vos formulaires. 

**Contenu :**

## Introduction

Souhaitez-vous masquer les étiquettes de choix d'image sur les champs de formulaire **Choix multiple** et **Case à cocher** ? L'option d'afficher des images pour ces champs au lieu de simples étiquettes est un excellent moyen de capter l'attention de vos visiteurs, mais peut-être souhaitez-vous laisser les images parler d'elles-mêmes et supprimer les étiquettes qui apparaissent sous ces images ? En utilisant un petit extrait de CSS, vous pouvez facilement masquer les étiquettes de ces images et dans ce tutoriel, nous vous montrerons exactement comment !

## Création de votre formulaire

Pour commencer, nous allons créer un nouveau formulaire et ajouter nos champs. Comme nous savons déjà que nous voulons utiliser des images pour notre champ **Case à cocher**, nous allons ajouter ce champ et les images qui l'accompagnent.

Si vous avez besoin d'aide pour créer votre formulaire, [veuillez consulter ce guide utile](https://wpforms.com/docs/creating-first-form/ "Création de votre premier formulaire"). De plus, si vous avez également besoin d'aide sur la façon de configurer un champ à l'aide des **Choix d'images**, [veuillez consulter cette documentation](https://wpforms.com/docs/how-to-add-image-choices-to-fields/ "Comment ajouter des choix d'images à WPForms").

![ajoutez vos choix d'images de case à cocher à votre formulaire](https://wpforms.com/wp-content/uploads/2021/06/wpforms-new-image-choices.jpg)

## Ajout de CSS pour masquer les étiquettes de choix d'image

Maintenant que le formulaire est créé, vous pouvez voir les étiquettes sous les images.

![vous pouvez voir les étiquettes s'afficher sous les images](https://wpforms.com/wp-content/uploads/2021/06/hide-label-image-choices-wpforms.jpg)

Comme nous voulons masquer ces étiquettes, nous allons ajouter du CSS pour les masquer.

Si vous avez besoin d'aide pour ajouter du CSS à votre site, [veuillez consulter ce tutoriel](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Comment ajouter des styles CSS personnalisés pour WPForms").

Copiez et collez simplement ce CSS sur votre site.

```

form.wpforms-form .wpforms-field-container ul.wpforms-image-choices span.wpforms-image-choices-label {
    display: none;
}
```

Ce CSS masquera non seulement les étiquettes qui apparaissent sous les images, mais supprimera également toute marge (espacement) appliquée automatiquement sous les images.

![vous verrez maintenant que les étiquettes ne sont plus là](https://wpforms.com/wp-content/uploads/2021/06/wpforms-hide-image-choice-labels.jpg)

Souhaitez-vous également supprimer l'espace blanc placé autour des choix d'images ? Consultez notre article sur [Comment supprimer l'espace blanc autour des choix d'images](https://wpforms.com/developers/how-to-remove-whitespace-from-around-image-choices/ "Comment supprimer l'espace blanc autour des choix d'images").

**Catégories :** Tutoriels

**Tags :** CSS

---</body></html>