Modifier la mise en page du Texte Additionnel (CGV) : taille, couleur, style, alignement

Créé: 07/09/2017
Dernière mise à jour: 12/06/2018
Nombre de vues pour le message: 685

Le logiciel de facturation en ligne VosFactures vous permet de créer des factures et devis personnalisés. Vous pouvez personnaliser la mise en page de vos documents grâce au champ CSS de vos paramètres (en savoir plus). 

Parmi les modifications possibles, vous pouvez changer le style du contenu du champ "Texte additionnel (imprimé sur la page suivante)", généralement utilisé pour y insérer vos CGV, comme par exemple les afficher en plus petit ou les mettre en couleur.

Il vous suffira de copier le code CSS qui vous convient et de le coller 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.


Changer la Taille

Pour changer la taille du contenu du champ "Texte additionnel (imprimé sur la page suivante)", il vous suffit d'indinquer:
#extra_page_content {font-size: 8px;} 
Plus vous indiquez un nombre petit (ex: 5 au lieu de 8), plus la taille diminue (et inversement). Ce code modifiera la taille sur le PDF du document, et non sur l'aperçu. 

Si vous souhaitez que cela affecte également l'aperçu (et pas seulement le pdf), écrivez plutôt: 
} @media all { 
#extra_page_content {font-size: 8px;} 


Changer la Couleur

Vous pouvez également changer la couleur du texte en indiquant le code suivant:
#extra_page_content {color: blue;} 
Où "blue" représente la couleur bleue. Vous pouvez choisir n'importe quelle couleur, en remplaçant 'blue' par une autre couleur (ex: 'red').
Vous pouvez consulter la liste des noms de couleurs possibles ici

Si vous souhaitez que cela affecte également l'aperçu (et pas seulement le pdf), écrivez plutôt: 
} @media all { 
#extra_page_content {color: blue;}


Changer le Type de police

Vous pouvez par ailleurs changer le type de police grâce au code suivant: 
#extra_page_content {font-family: arial;} 
Où "arial" représente le style de police. 
Vous pouvez consulter la liste des stykes de police possibles ici

Si vous souhaitez que cela affecte également l'aperçu (et pas seulement le pdf), écrivez plutôt: 
 } @media all { 
#extra_page_content {font-family: arial;} 


Changer l'Alignement du texte

Vous pouvez en plus adapter l'aligment du texte en fonction de votre mise en page en copiant le code suivant:
#extra_page_content {text-align: justify;}
Où "justify" indique que votre texte sera justifié. Vous pouvez écrire "center" pour centrer votre texte, "left" pour le mettre à gauche ou "right" pour l'aligner à droite.

Si vous souhaitez que cela affecte également l'aperçu (et pas seulement le pdf), écrivez plutôt: 
} @media all {
#extra_page_content {text-align: justify;}

N'oubliez pas de sauvegarder une fois le code ajouté, afin de visualiser l'effet sur n'importe quel document créé. 

En savoir plus sur les modifications possibles via le champ CSS

 


Retour


Commentaires

Ajouter un commentaire