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

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 > 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ą, zmienić wielkość logo. Do wykorzystania dostępne są dwa kody z podziałem na szablony, dla których działają. 
 
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.



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?