Przejdź do treści

Zmiana koloru wiodącego faktury w szablonie na przykładzie Blue

Wyświetleń: 7749 2 min czytania

Personalizacja szablonu faktury pozwala dopasować kolor wiodący dokumentów do identyfikacji wizualnej Twojej firmy - wystarczy wpisać kilka linijek CSS. Opcja przyda się każdemu, kto chce zastąpić domyślny kolor nagłówków własnym. Zmiana jest widoczna na wydruku, pobranym PDF oraz fakturze wysłanej do kontrahenta.

UWAGA! Modyfikacja CSS dotyczy nagłówków wszystkich faktur w systemie, niezależnie od przypisanego szablonu.

Kto może zmienić kolor nagłówków?

Dostęp do pola CSS mają tylko użytkownicy z uprawnieniami do zakładki Wydruki w ustawieniach konta. Systemowe role Użytkownik i Księgowy nie mają dostępu do tej opcji.

Jak wpisać kod CSS zmieniający kolor?

  1. Przejdź do zakładki Ustawienia > Ustawienia konta > Wydruki.
  2. Przewiń stronę na dół i znajdź pole Konfiguracja wydruku przez CSS w sekcji Konfiguracja.
  3. Wklej poniższy kod, zastępując wartość koloru własnym kodem heksadecymalnym (hex):
    }
    @media all {
    
      table th,
      .invoice_outline table th,
      strong,
      .invoice_outline strong {
        color: #DF0101 !important;
      }
    }
  4. Kliknij Zapisz, aby zastosować zmiany.
WSKAZÓWKA! Własny kolor wybierz np. na htmlcolorcodes.com i skopiuj jego kod hex. W przykładzie powyżej użyto koloru czerwonego: #DF0101.

Na jakie dokumenty wpływa zmiana?

Zmiana działa od razu na wszystkie dokumenty - również te wystawione wcześniej. Nowy kolor zobaczysz przy każdym kolejnym pobraniu PDF, wydruku lub wysyłce faktury do kontrahenta.

WAŻNE! Jeśli wpiszesz nieprawidłowy kod heksadecymalny (np. #GGHHII lub wartość bez znaku #), system nie zgłosi błędu - faktura wyświetli się w oryginalnym kolorze szablonu.
Przykład faktury wystawionej w szablonie blue ze zmienionym kolorem wiodącym z niebieskiego na czerwony.

Jak przywrócić domyślny kolor szablonu?

Usuń wprowadzony kod z pola Konfiguracja wydruku przez CSS i kliknij Zapisz. Szablon wróci do oryginalnego koloru bez potrzeby wpisywania dodatkowego kodu.

Przykładowe kody heksadecymalne kolorów

Podstawowe kody hex znajdziesz w tabeli poniżej. Kody innych kolorów dostępne są w sieci - w wyszukiwarce wpisz np. hasło "kody heksadecymalne kolorów".

Lista kodów HEX z przykładami kodów podstawowych kolorów do wykorzystania.

Czy ten wpis był pomocny?

Udostępnij

Komentarze