Zmiana położenia dodatkowej pieczęci na wydruku faktury za pomocą CSS (wszystkie szablony)

Twoja dodatkowa pieczęć na fakturze nie jest w idealnym miejscu? Dzięki prostej modyfikacji za pomocą kodu CSS możesz szybko zmienić jej położenie na wydruku. W naszym poradniku pokażemy Ci, jak za pomocą kilku linijek CSS precyzyjnie dopasować jej położenie. Przekonaj się, jakie to proste.

Jak zmienić położenie dodatkowej pieczęci na wydruku faktury? 

Dodatkową pieczęć, która pojawi się na wydruku faktury możesz dodać bezpośrednio w ustawieniach ogólnych konta lub dla każdego działu osobno. Więcej o tym gdzie wgrać plik graficzny z dodatkową pieczęcią przeczytasz w artykule Dodatkowa pieczęć na fakturze.

Domyślnie system będzie wyświetlał taką pieczęć pod pozycjami na fakturze. Za pomocą kodu CSS możesz jednak zmienić jej położenie w dowolne miejsce na dokumencie. Konfiguracja wydruku za pomocą kodów CSS dostępna jest w planach płatnych. 


 

Aby zmienić położenie dodatkowej pieczęci na wydruku faktury:
 

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

Poniżej wskazujemy kody CSS, które pozwolą, zgodnie z instrukcją, zamienić położenie dodatkowej pieczęci. Do wykorzystania dostępne są dwa kody z podziałem na szablony, dla których działają.
 
Kod CSS dla szablonów DEFAULT, OLD, BLUE, GRAY, SIMPLE, SKY ↴ 

} @media all{
#sec_stamp_place {
position:relative;
top:290px;
bottom:100px;
left: 275px;
}

Kod CSS dla szablonu PLAIN BLACK ↴

} @media all {
#pad-wrapper > div.row > div > div._invoice_body > div.invoice-responsive > div > div > div > img {
position:relative;
top:490px;
bottom:100px;
left: 275px;
}

Za kierunek przesunięcia w kodzie odpowiadają następujące wartości:
 

• top - przesunięcie w górę,
• bottom - przesunięcie w dół,
• left - przesunięcie w lewo, 
• right - przesunięcie w prawo.

Zmieni to położenie pieczęci względem pozycji początkowej. Wymienione właściwości akceptują ujemne wartości. Przy tworzeniu kodu na potrzeby Twojego szablonu faktury pamiętaj o tym, że treści na fakturze mogą być obszerne (np. wiele pozycji), co może skutkować ucięciem pieczęci w przypadku przesunięcia jej w dół.

Poniżej wskazujemy zmianę położenia dodatkowej pieczęci na wydruku na przykładzie szablonu DEFAULT.


 

Sprawdź również:
Zmiana położenia dodatkowego obrazu ( pieczęci ) na wydruku faktury
Pozostałe kody CSS pozwalające na konfiguracje wydruku
Jak przygotować własny szablon faktury?
Jak zamienić miejscami logo i numer faktury na wydruku?