Changer la Couleur de la Date Limite de Règlement

Créé: 21/09/2018
Dernière mise à jour: 27/05/2019
Nombre de vues pour le message: 214

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;}
}

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 Vosfactures (1, 2, 3, 4, 5, et 6) :
}@media all{
#payment_to_field>strong{color: red;}
#payment_to_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.


► pour le format Encadré :
}@media all{
#invoice_details .box:nth-child(2)>span{color:red;}
#invoice_details .box:nth-child(2)>strong{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.

 


 



Retour


Ajouter un commentaire