Changer la couleur du total "A payer"

Créé: 21/09/2018
Dernière mise à jour: 10/08/2022
Nombre de vues pour le message: 1932

  1. Rappel
  2. Changer la couleur du total à payer

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 CSS (en savoir plus).

Vous pouvez par exemple attribuer la couleur de votre choix au montant total restant dû, qui apparaît par défaut sur les documents non payés.
 

Changer la couleur du total à payer

Si vous voulez mettre en évidence le total à payer (mention "A payer" suivie du montant), vous pouvez en changer la couleur. 

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, ou Bleu
} @media all {
  #absolute_outstanding_field>span {
    color: red !important;
  } 
où red représente la couleur rouge. Vous pouvez choisir n'importe quelle couleur (en remplaçant "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 {
  #to_pay, #to_pay>span {
    color: red !important;
  } 

où red représente la couleur rouge. Vous pouvez choisir n'importe quelle couleur (en remplaçant "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 Vosfactures :

} @media all {
  table.full_width>tbody>tr>td>strong.medium_text {
    color: red !important;
  }

où red représente la couleur rouge. Vous pouvez choisir n'importe quelle couleur (en remplaçant "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 le format Encadré :

} @media all {
  .totals_inv_table>tbody>tr:last-of-type>th {
    color: red;
  }
  .totals_inv_table>tbody>tr:last-of-type>td {
    color: red;
  }

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 le format Noir Simple :

} @media all {
  #absolute_outstanding_field>span {
    color: red !important;
  }
  #absolute_outstanding_field {
    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.
 

Liens associés

Vous pouvez également : 



Retour


Ajouter un commentaire