Przejdź do treści

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

Wyświetleń: 9789 3 min czytania
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.
Instrukcja

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

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.   
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  
  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ą.  
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 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ź 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.

Pozostałe kody CSS pozwalające na konfiguracje wydruku Jak przygotować własny szablon faktury? Jak zamienić miejscami logo i numer faktury na wydruku?

Czy ten wpis był pomocny?

Udostępnij

Komentarze