Jak dostosować rozmiary faktury do papieru firmowego swojej firmy ( poza szablonem Blue)

Dostosuj fakturę do papieru firmowego. Jeśli korzystasz z papieru firmowego i chcesz, by dane na fakturze idealnie dopasowały się do układu Twojego wydruku, możesz ręcznie dostosować marginesy i układ dokumentu w Fakturowni. W tym artykule pokazujemy, jak edytować szablon faktury z użyciem kodu CSS, aby dopasować go do papieru firmowego.

Jak dostosować rozmiary faktury do papieru firmowego swojej firmy (poza szablonem Blue)?

Aby dostosować szablon faktury do papieru firmowego, należy odpowiednio ustawić marginesy faktury.

Poniżej znajdziesz wskazówki, jak dokonać tej modyfikacji i, korzystając z wydruków testowych, dostosować marginesy do swojego papieru firmowego.

Aby wprowadzić takie modyfikacje:

 

1. przejdź do zakładki Ustawienia > Ustawienia konta > Wydruki, 
   
   
    
2. w sekcji Konfiguracja znajdź pole Konfiguracja wydruku przez CSS i wklej kod CSS, który znajdziesz poniżej, 
   
   
    
3. zatwierdź zmiany w ustawieniach konta przyciskiem Zapisz, który znajdziesz na dole strony.

Poniżej wskazujemy kod CSS, który pozwoli, zgodnie z instrukcją, dostosować rozmiar faktury do papieru firmowego. Szablony, dla których kod działa prawidłowo to DEFAULT, OLD, PLAIN BLACK, GRAY, SIMPLE oraz SKY. Kod nie działa dla szablonu BLUE.
 
Kod CSS dla szablonu DEFAULT, OLD, PLAIN BLACK, SIMPLE oraz SKY ↴

} @media all { 
.invoice_outline { 
padding:1cm 0.5cm 1cm 0.5cm; 
} 
} 

Wartości w kodzie, które zmieniają marginesy są przykładowe. Aby dostosować rozmiar faktury do papieru firmowego, zmodyfikuj wartości parametru padding, czyli marginesów marginesów kolejno: górnego, prawego, dolnego i lewego aby pasowały do papieru firmowego. Nie usuwaj żadnych innych liter i znaków z kodu. 

Aby dostosować rozmiar faktury do papieru firmowego w przypadku szablonu GRAY, należy wykonać kroki opisane poniżej.
 

1. Utwórz nowy szablon na podstawie szablonu GRAY - stworzenie własnego szablonu dostępne jest od planu Standard po przejściu do zakładki Ustawienia > Ustawienia konta > Szablony > Dodaj nowy szablon. 
2. Nadaj nazwę dla szablonu i w sekcji Załaduj przykładowy szablon wybierz opcję GRAY.
3. W polu Styl CSS pod zapisem @media all (w drugiej linijce kodu) wklej:  

.invoice_outline {
  min-height: 20cm !important;
  padding-top: 4cm !important;
} 

(jest to wymuszenie dodania pustej przestrzeni na górze dokumentu na pierwszej stronie o wysokości 4cm)

oraz

.main_inv_table:nth-of-type(n+2) {
   margin-top: 4cm !important;
  }

(jest to wymuszenie dodania pustej przestrzeni na ewentualnej drugiej i następnej stronie (:nth-of-type(n+2)) dokumentu o wysokości 4cm).

4. Na samym końcu kodu w polu Styl CSS (w okolicach 800 linii kodu) wklej:

@media print {
  #description_footer {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

(dzięki temu ewentualne pole z uwagami normalnie się wydrukuje).

W zależności od tego jak wygląda papier firmowy i jakich odstępów i marginesów potrzebujesz, możliwe, że wartości marginów i paddingów będzie trzeba będzie dobrać samodzielnie. 

5. Utwórz fakturę z przypisanym nowym szablonem. Szablon możesz zmienić masowo dla wszystkich nowych dokumentów lub z poziomu formularz tworzenia faktury. Jeżeli na fakturze jest dużo pozycji, np. ponad 20, to trzeba ręcznie należy skorzystać z przycisku Dodaj > Podział strony, aby dodać podział strony np. po 20 pozycjach. Dalsza część tabeli przeniesie się wtedy na drugą stronę.

Sprawdź również:
Jak zmienić wygląd niektórych elementów na fakturze?
Zmiana położenia dodatkowej pieczęci na wydruku faktury za pomocą CSS (wszystkie szablony)
Jak wstawić własne czcionki na szablonie?
Jak zmienić kolor nagłówków w tabeli z pozycjami?