Changer la couleur du format "Bleu"

Créé: 24/01/2018
Dernière mise à jour: 14/05/2018
Nombre de vues pour le message: 400

Le logiciel de facturation en ligne de VosFactures.fr 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)

Si vous optez pour le format intitulé "Bleu", vous pouvez remplacer la couleur bleu par la couleur de votre choix. En effet le format "Bleu" affiche en bleu ciel une partie du texte (nom et numéro du document, objet, couleur de fond des titres du tableau et du résumé des totaux ...).

Vous pouvez remplacer ce bleu par la couleur de votre choix, assortie à votre logo par exemple. Pour cela, copiez les codes suivants et collez-le dans le champ «Configuration de l'impression par CSS» depuis Paramètres > Paramètres du compte > Paramètres d’impression. (sans oublier de sauvegarder) :


}@media all{
#seller_sign span,#buyer_sign span,#title,#absolute_outstanding_field,#document_type,#document_number{color:orange !important;}
.header, .main_inv_table th{background-color:orange !important;border:1px solid orange !important;}
#seller,#buyer,#summary{border:1px solid orange !important;}
#pos_table .summary_totals > td:not(:empty){background-color:orange !important;border-bottom:1px solid orange !important;}
table.main_inv_table td {border-left: 1px solid orange !important;border-right: 1px solid orange !important;}
table td.empty{border:none;}
#pos_table > tbody > tr.position_row:last-of-type > td{border-bottom:1px solid orange !important;}
#pos_table tr.summary_totals > td.summary_header{border-left: 1px solid orange !important;}
#pos_table tr.summary_totals > td:not(:empty):last-of-type {border-right: 1px solid orange !important;}
table td.empty {border: 0 !important;}
#invoice_payments_title {border: 1px solid orange !important;background-color: orange  !important;color: white;}
.invoice_payments_payment {border-bottom: 1px solid orange !important;border-left: 1px solid orange  !important;border-right: 1px solid orange !important;}
.main_inv_table th, .advanced_header_titles th {background-color: orange !important;border-bottom: 1px solid orange !important;border-right: 1px solid orange !important;border-left: 1px solid orange !important;color: white;}
#rel_adv_table th.advanced_header,#exchange_currency td {border: 1px solid orange !important;}    
    #pos_table > tbody tr > td.nr_col,
    #pos_table > tbody tr > td.code_col,
    #pos_table > tbody tr > td.name_col,
    #pos_table > tbody tr > td.text_center.quantity_col,
    #pos_table > tbody tr > td.text_right.no_wrap.number.price_net_col,
    #pos_table > tbody tr > td.text_right.no_wrap.number.total_price_net_col,
    #pos_table > tbody tr > td.text_right.no_wrap.number.tax_col,
    #pos_table > tbody tr > td.text_right.number.no_wrap.tax_value_col,
    #pos_table > tbody tr > td.text_right.no_wrap.number.total_price_gross_col,
    #pos_table > tbody tr td.text_right.number.including.footer.subtotal.subtotal_header,
    #pos_table > tbody tr td.text_right.number.total_price_net_col.footer.subtotal,
    #pos_table > tbody tr td.text_right.number.tax_col.footer.subtotal,
    #pos_table > tbody tr td.text_right.number.tax_value_col.footer.subtotal,
    #pos_table > tbody tr td.width3.text_right.number.total_price_gross_col.footer.subtotal
    {
        border-bottom: 1px solid orange !important;
    }
    #pos_table > tbody tr td.nr_col.footer.subtotal,
    #pos_table > tbody tr td.name_col.footer.subtotal,
    #pos_table > tbody tr td.code_col.footer.subtotal
    {
        border:none !important;
    }
    #pos_table > tbody tr td.quantity_col.footer.subtotal{
        border-left:none !important;
    }
    #pos_table > tbody tr.clean.no_border.summary_row.summary_totals > td.empty.nr_col.footer.total,
    #pos_table > tbody tr.clean.no_border.summary_row.summary_totals > td.empty.name_col.footer.total,
    #pos_table > tbody tr.clean.no_border.summary_row.summary_totals > td.empty.code_col.footer.total{
        border-bottom:none !important;
    }
}





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



 


Retour


Ajouter un commentaire