couleur de fond d’un chronoforms

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] couleur de fond d’un chronoforms

    Bonjour,

    Je travaille avec chronoforms 5 et je souhaite mettre une couleur de fond dégradée dans chaque «*container*» de mon formulaire. Cependant, je ne sais du tout comment m’y prendre,,,, Dois-je ajouter une ligne de code dans le custom code*» ?

    Le voici:

    <div class="form-group" id="form-row-custom"><div class="gcore-input gcore-display-table" id="fin-custom"><p><em><bloquote>Que vous ayez une question ou besoin d'un complément d'informations, remplissez ce questionnaire afin d'entrer en contact directement avec nous.</bloquote></em></p></div></div><div class="panel panel-default chronoform-container" id="chronoform-container-2">
    <div class="panel-heading"></div>
    <div class="panel-body"><div class="form-group" id="form-row-text8"><label for="text8" class="control-label">Nom et Prénom: </label>
    <div class="gcore-input gcore-display-table" id="fin-text8"><input name="text8" id="text8" value="" placeholder="" class="validate['required'] form-control" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div></div><div class="panel panel-default chronoform-container" id="chronoform-container-3">
    <div class="panel-heading"></div>
    <div class="panel-body"><div class="form-group" id="form-row-text9"><label for="text9" class="control-label">Adresse e-mail: </label>
    <div class="gcore-input gcore-display-table" id="fin-text9"><input name="text9" id="text9" value="" placeholder="" class="validate['required','email'] form-control" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div></div><div class="panel panel-default chronoform-container" id="chronoform-container-4">
    <div class="panel-heading"></div>
    <div class="panel-body"><div class="form-group" id="form-row-text10"><label for="text10" class="control-label">N° de téléphone </label>
    <div class="gcore-input gcore-display-table" id="fin-text10"><input name="text10" id="text10" value="" placeholder="" class="validate['required'] form-control" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div></div><div class="panel panel-default chronoform-container" id="chronoform-container-6">
    <div class="panel-heading"></div>
    <div class="panel-body"><div class="form-group" id="form-row-textarea12"><label for="textarea12" class="control-label">Votre demande </label>
    <div class="gcore-input gcore-display-table" id="fin-textarea12"><textarea name="textarea12" id="textarea12" placeholder="" rows="3" cols="40" class="validate['required'] form-control" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip=""></textarea></div></div></div></div><div class="panel panel-default chronoform-container" id="chronoform-container-7">
    <div class="panel-heading"></div>
    <div class="panel-body"><div class="form-group" id="form-row-button13"><div class="gcore-input gcore-display-table" id="fin-button13"><input name="button13" id="button13" type="submit" value="Envoyer" class="btn btn-info" style="" data-load-state="" /></div></div></div></div>

    Merci d’avance pour votre réponse,

    Julien

  • #2
    Re : couleur de fond d’un choronoforms

    Salut
    tu dois ajouter une ligne de css
    Si tu veux de l'aide, je te conseil de laisser le lien vers ton site ici
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : couleur de fond d’un choronoforms

      tu peux essayer

      <style type="text/css">
      .panel-body{
      background-image: url("images/degrade.png");
      }
      </style>
      Christophe
      http://www.webcrea.fr

      Commentaire


      • #4
        Re : couleur de fond d’un choronoforms

        Bonjour,
        comme je ne connais pas ton niveau en Joomla; je me permet d'ajouter que tu devrais ajouter un bloc "load css" dans les evenements du setup de ton formulaire.
        Ensuite, c'est du css: voir https://developer.mozilla.org/fr/doc...rad%C3%A9s_CSS (par exemple).
        Attention toutefois a la visibilité des caractères

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X