Changer la couleur du total "A payer"
Dernière mise à jour: 10/08/2022
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
#absolute_outstanding_field>span {
color: red !important;
}
► pour les formats Standard1 (droit, gauche ou bleu), Standard2 (droit, gauche, ou bleu) :
#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 :
- Déplacer le total à payer à droite
- Mettre en Gras le total "A payer"
- Modifier la taille du montant à payer
- Ne pas afficher le total à payer sur certains types de document
Retour
Ajouter un commentaire