Zmiana nagłówków tabeli na inny kolor

Utworzono: 2014-10-30
Ostatnia aktualizacja: 2025-04-09
Liczba odwiedzin posta: 7010

Chcesz, aby Twoje faktury wyglądały jeszcze bardziej profesjonalnie? W Fakturowni masz możliwość zmiany koloru nagłówków tabeli, dostosowując dokumenty do identyfikacji wizualnej Twojej firmy. W artykule znajdziesz jasną instrukcję, jak wprowadzić zmiany za pomocą prostych modyfikacji w kodzie CSS.

Jak w Fakturowni zmienić kolor nagłówków tabeli?


W systemie możesz konfigurować wydruki za pomocą kodów CSS, w tym także zmieniać kolor nagłówków tabeli — na przykład ustawić je na zielono.

Aby zmienić kolor nagłówków tabeli:

 
  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; 

    Sekcja konfiguracji CSS w systemie fakturowym z kodem zmieniającym kolor tła i obramowanie nagłówków tabel.
     
  3. zatwierdź zmiany przyciskiem Zapisz na dole strony. 

Poniżej wskazujemy kod CSS, który pozwala, zgodnie z instrukcją, zamienić kolor nagłówków tabeli - kolorem wiodącym będzie zielony.

Kod CSS dla wszystkich szablonów systemowych ↴ 

}
@media all{
table.main_inv_table th {
background-color: #a0bf7f;
border: 1px solid #e1ead7;
}


Na grafikach widocznych poniżej wskazujemy zmianę koloru nagłówków tabeli na wydruku na przykładzie szablonu PLAIN BLACK.

Porównanie faktur z domyślnym i zmodyfikowanym kolorem nagłówków tabel zmienionym za pomocą CSS.

W powyższym kodzie CSS użyliśmy tzw. kodu heksadecymalnego koloru zielonego czyli #a0bf7f. Kod heksadecymalny (nazywany też kodem HEX) to sposób zapisywania kolorów za pomocą sześciu znaków — cyfr i liter.

Oczywiście w naszym kodzie CSS możesz użyć innego koloru w postaci kodu heksadecymalnego. Kod swojego koloru, który chcesz ustawić dla nagłówków tabeli, podaj jako wartość dla właściwości background-color: #a0bf7f; w kodzie CSS. 

Kody kolorów podstawowych znajdziesz w tabeli poniżej:

Tabela z kodami heksadecymalnymi do wykorzystania przy konfiguracji wydruku za pomocą kod CSS w systemie Fakturownia.

Dodatkowo w szablonie BLUE możesz skorzystać z innej modyfikacji koloru za pomocą kodu CSS. Sprawdź jak zmienić kolor wiodący faktury w szablonie BLUE.

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


Sprawdź również: 
Zmiana koloru i wielkość innych elementów na wydruku/PDF faktury za pomocą bardziej zaawansowanych kodów CSS
Jak zmienić wygląd niektórych elementów na fakturze?
Jak zmienić kolor wiodący faktury w szablonie SKY?
Jak zmienić kolor wiodący (paska z nagłówkami) na kolor biały w szablonie PLAIN BLACK?
Jak zmienić szerokość kolumn na fakturze?



Powrót


Dodaj komentarz