Przejdź do treści

Zmiana wielkości logo na fakturze za pomocą kodu CSS

Wyświetleń: 7059 2 min czytania
Zmiana wielkości logo na fakturze za pomocą kodu CSS. Chcesz dostosować rozmiar logo na swoich fakturach? W Fakturowni możesz to zrobić za pomocą prostego kodu CSS. Z tego wpisu dowiesz się, jak edytować wygląd wydruku dokumentów i zmienić wielkość logo zgodnie z własnymi preferencjami.

Jak zmienić wielkość logo na fakturze za pomocą kodu CSS?

W systemie możesz dodać logo zarówno w ustawieniach ogólnych konta, jak i w ustawieniach konkretnego działu, jeśli chcesz, aby każda firma lub dział firmy miał inne logo. Jeżeli zależy Ci na tym, aby logo widoczne na dokumentach było większe lub mniejsze, możesz dostosować jego rozmiar za pomocą kodu CSS. Aby zmienić wielkość na fakturze:  
  1. przejdź do zakładki Ustawienia > Ustawienia konta > WydrukiUstawienia konta w systemie do fakturowania z możliwością modyfikacji wyglądu wydruków za pomocą kodu CSS.
  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,  Ustawienia konfiguracji logo w CSS w systemie fakturowania, w tym definiowanie rozmiaru logo.
  3. zatwierdź zmiany przyciskiem Zapisz na dole strony. 
Poniżej wskazujemy kody CSS, które pozwolą, zgodnie z instrukcją, zmienić wielkość logo. 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, PLAIN BLACK, GRAY, SIMPLE, SKY ↴  } @media all {  #logo_place img {  width: 90px;  height: 90px;  }  } Kod CSS dla szablonów OLD, BLUE ↴ } @media all {  #logo_place+img {  width: 90px;  height: 90px;  }  } W powyższych kodach CSS wartości width: 90px oraz height: 90px oznaczają kolejno szerokość oraz wysokość logo wyrażone w pixelach. Wartość w tych parametrach możesz dowolnie zmieniać, tak by dopasować wielkość logo do Twoich potrzeb.   Poniżej wskazujemy zmianę wielkości logo na fakturze na przykładzie szablonu BLUE. Porównanie wyglądu faktury przed i po konfiguracji CSS zmieniającej wielkość logo. Sprawdź również: Jak zamienić miejscami logo i numer faktury na wydruku? Zamiana miejscami logo i danych sprzedawcy na wydruku faktury (szablonu default) Konfiguracja wydruku przez CSS Jak dodać dodatkową pieczęć na fakturze?

Czy ten wpis był pomocny?

Udostępnij

Główna odpowiedź Łukasz 2020-09-30 14:46

Dzień dobry,
Dziękuję za informacje.

Pozdrawiam,
Łukasz

Komentarze (4)

Szymon 2026-03-25 10:11

Dzień dobry,

właśnie sprawdziłem i kod CSS dla szablonu gray jest poprawny i zmienia wielkość logo.
Proszę sprawdzić czy na pewno posiada Pan odpowiedni szablon, czy kod CSS został skopiowany i wklejony poprawnie,
Być może w ustawieniach działu ma Pani wybrany inny szablon niż gray - link: https://pomoc.fakturownia.pl/901372-logo-na-fakturze#:~:text=b%C4%99dzie%20wygl%C4%85da%C5%82%20sp%C3%B3jnie.-,Spos%C3%B3b%20I%20%2D%20dodaj%20logo%20w%20ustawieniach%20firmy/dzia%C5%82u,-Pierwszy%20spos%C3%B3b%20dodawania

Wielkość logo można także zmienić w prostym programie graficznym typu Paint.

Jeżeli dalej będzie problem proszę o przesłanie numeru ID konta - https://pomoc.fakturownia.pl/163196381-Numer-ID-konta-w-Fakturowni
oraz o udzielenie dostępu do konta dla pomocy technicznej - https://pomoc.fakturownia.pl/148038-Pomoc-techniczna-jak-udzielic-do-niej-dostepu-

Anonymous 2026-03-11 15:53

Używam szablonu gray, wstawiłam kod css ale rozmiar loga mi się nie zmienia. Zmieniam wartości px a rozmiar loga bez zmian. Proszę o pomoc

Łukasz Szałajski
Łukasz 2022-12-06 15:23 Odpowiedź

Dzień dobry,
proszę uprzejmie.
W przypadku dodatkowych pytań jesteśmy w dyspozycji.

Pozdrawiam,
Łukasz

Anonymous 2022-12-06 15:21

Dzięki! Świetna sprawa! Można miło i przyjemnie robić konfigurację całości. Dziękuję za pomoc!