Le widget Formulaire de recherche vous permet d’ajouter une barre de recherche n’importe où sur votre site Web.


Contenu

formulaire de recherche

  1. Peau:  choisissez des styles prédéfinis classiques, minimaux ou plein écran
  2. Espace réservé:  définissez le texte qui apparaît dans le formulaire de recherche

Le plein écran n’affiche qu’un petit bouton qui ouvre le formulaire de recherche sous forme de fenêtre contextuelle lightbox

Bouton ou bascule

  1. Type : choisissez d’afficher une icône ou un texte personnalisé sur le bouton
  2. Icône ou texte : si vous utilisez une icône sur le bouton, choisissez parmi une icône de recherche ou une flèche. Si vous utilisez du texte personnalisé, spécifiez le texte qui apparaîtra sur le bouton
  3. Taille : ajustez la taille du bouton ou de l’icône de recherche
  4. Alignement (pour le skin plein écran uniquement) : alignez l’icône de recherche à gauche, au centre ou à droite

Style

Contribution

  1. Couleur de la superposition (pour le skin plein écran uniquement) : sélectionnez la couleur de la superposition plein écran
  2. Typographie : modifiez les options de typographie de la barre de recherche pour les modes normal et focalisé
  3. Couleur du texte : choisissez la couleur du texte
  4. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan
  5. Couleur de la bordure : choisissez la couleur de la bordure
  6. Box-shadow : donne à la barre de recherche une ombre de boîte
  7. Taille de la bordure : contrôlez l’épaisseur de la bordure
  8. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins

Bouton ou bascule

  1. Couleur du texte : choisissez la couleur du texte
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du bouton
  3. Taille de l’icône: redimensionnez la taille de l’icône de haut en bas
  4. Largeur : ajustez la largeur du bouton
  5. Largeur de la bordure : contrôler l’épaisseur de la bordure
  6. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins

Source : https://docs.elementor.com/article/268-search-form