Zmiana położenia dodatkowej pieczęci na wydruku faktury za pomocą CSS (z wyjątkiem Plain Black)

Utworzono: 2025-02-20
Ostatnia aktualizacja: 2025-03-11
Liczba odwiedzin posta: 3672

Twoja 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!
Instrukcja

Dowiedz się, jak skorzystać z tej funkcji, korzystając z interaktywnego przewodnika.

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


WAŻNE! Kod działa tylko dla szablonów DEAFULT, OLD, BLUE, GRAY, SIMPLE, SKY

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. 

Podgląd faktury w Fakturowni z danymi sprzedawcy i nabywcy, szczegółami transakcji oraz pieczęcią 'CERTIFIED' na dokumencie.
 
UWAGA! Pamiętaj, że zmiany wprowadzone na dokumencie za pomocą kodu CSS widoczne są jedynie na wydruku lub wygenerowany z systemu PDF.


Aby zmienić położenie dodatkowej pieczęci na wydruku faktury:
 
  1. przejdź do zakładki Ustawienia > Ustawienia konta > Wydruki

    Panel ustawień fakturowania z podświetloną sekcją 'Wydruki', umożliwiającą dodanie logo, pieczęci oraz dodatkowych oznaczeń na fakturze.
     
  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, 

    Konfiguracja wydruku w Fakturowni z edycją pozycji pieczęci poprzez CSS oraz przyciskiem 'Zapisz' do zapisania zmian.
     
  3. zatwierdź zmiany przyciskiem Zapisz na dole strony. 
 
UWAGA! Aby zweryfikować z jakiego szablonu korzystasz, przejdź do zakładki Ustawienia > Ustawienia konta > Szablony lub sprawdź szablon wybrany w ustawieniach działu, jeśli korzystasz z opcji domyślnego szablonu dla działu

Kod CSS, który zmienia położenie dodatkowej pieczęci to:

} @media all{
#sec_stamp_place {
position:relative;
top:290px;
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.

Porównanie wyglądu faktury w Fakturowni przed i po konfiguracji CSS – zmiana pozycji pieczęci CERTIFIED na dole dokumentu.
 
Sprawdź działanie systemu korzystając z interaktywnej instrukcji

Interaktywny przewodnik poprowadzi Cię krok po kroku na rzeczywistych ekranach Fakturowni, umożliwiając łatwe zrozumienie i wykonanie potrzebnych działań.

Kliknij Start aby rozpocząć, a następnie klikaj w niebieskie pola, lub użyj strzałek w prawym dolnym rogu do nawigowania po instrukcji.



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?


Powrót


Dodaj komentarz