Changer la Couleur de la Date Limite de Règlement

Créé: 21/09/2018
Dernière mise à jour: 10/08/2022

Nombre de vues pour le message: 1656

Rappel
Modifier la couleur de la date limite de règlement

Rappel

Le logiciel de facturation en ligne de VosFactures vous permet de personnaliser la mise en page de vos documents. Plusieurs formats sont proposés, avec des options de personnalisation (logo, bas de page, champs à afficher ou non...). En plus de ces options, vous pouvez également modifier le format de votre choix via le simple ajout de codes dans vos Paramètres du compte (en savoir plus).

Vous pouvez par exemple modifier la couleur de la Date limite de règlement affichée sur vos documents.

Modifier la couleur de la date limite de règlement

Si vous voulez mettre en évidence la date d'échéance de vos documents, vous pouvez lui attribuer la couleur de votre choix.
Pour cela, allez dans vos Paramètres > Paramètres du compte > Paramètres d’impression > Configuration et insérer le code CSS suivant en fonction du format d'impression dans le champ "Configuration de l'impression par CSS" (sans oublier de sauvegarder) :

► pour les formats Classique, Gris, Noir Simple, ou Bleu

} @media all {
#payment_to_field {
  color: red !important;
  }
#payment_to_field>span {
  color: red !important;
  }

où red représente la couleur rouge. Vous pouvez choisir n'importe quelle couleur (en remplaçant tous les "red" par le nom ou le code d'une autre couleur), comme par exemple 'green' pour la couleur verte. Vous pouvez consulter la liste des noms et codes couleurs disponibles ici.

► pour les formats Standard1 (droit, gauche ou bleu), Standard2 (droit, gauche, ou bleu) :

} @media all {
#summary>p:nth-child(4) {
  color: red;
  }
#summary>p:nth-child(4)>strong {
color: red !important;
  }

► pour les formats Vosfactures (1, 2, 3, 4, 5, et 6) :

} @media all {
#payment_to_field>strong {
  color: red;
  }
#payment_to_field {
  color: red !important;
  }

► pour le format Encadré :

} @media all {
#invoice_details .box:nth-child(2)>span {
  color: red;
  }
#invoice_details .box:nth-child(2)>strong {
  color: red;
  }

Retour