Changer la couleur du format "Bleu"

Créé: 24/01/2018
Dernière mise à jour: 10/08/2022
Nombre de vues pour le message: 3503

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).

Si vous optez pour le format intitulé "Bleu" une partie du texte s'affiche en bleu (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 vos Paramètres > Paramètres du compte > Paramètres d’impression > Configuration (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