Przejdź do treści

Zmiana nagłówków tabeli na inny kolor

Wyświetleń: 8531 2 min czytania

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

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: 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

Czy ten wpis był pomocny?

Udostępnij

Komentarze