Zamiana miejscami logo i numeru faktury na wydruku faktury (bez szablonu default i old)

Za pomocą dodatkowych kodów CSS możesz wpływać na wygląd dokumentów tworzonych na koncie. Kod CSS podany w ustawieniach konta może zmienić wygląd wybranych elementów względem wersji z systemowego szablonu. W tym artykule wskażemy za pomocą jakiego kodu CSS możesz zmienić położenie logo i numeru faktury.

Jak zamienić miejscami logo i numeru faktury na wydruku dokumentu?

Zmiana wybranych elementów faktury, która widoczna będzie na wydruku dokumentów oraz pobranym PDF wymaga podania w ustawieniach konta właściwego kodu CSS.

Aby zamienić miejscami logo i numeru faktury na wydruku dokumentu:

1. przejdź do zakładki Ustawienia > Ustawienia konta > Wydruki; 
   
   
    
2. w polu Konfiguracja wydruku przez CSS wklej kod CSS podany poniżej zgodny z szablonem, którego używasz; 
   
   
    
3. zatwierdź wprowadzone zmiany przyciskiem Zapisz na dole strony. 

Poniżej wskazujemy kody CSS, które pozwolą, zgodnie z instrukcją, zamienić miejscami logo oraz numer faktury. Szablony, dla których działają kody to BLUE, PLAIN BLACK, GRAY, SIMPLE oraz SKY.
 

Kod CSS dla szablon BLUE ↴

} @media all{ 
.invoice_title{ 
float:right; 
} 
#logo_place+img{ 
display:inline; 
} 
} 

Kod CSS dla szablonu PLAIN BLACK ↴

}@media all
{#info, #logo
{display:block;}#logo, #logo_place
{float:left;}#info
{float:right !important;text-align:right;}}


Kod CSS dla szablonu GRAY ↴

}@media all
{#info, #logo
{display:block;}#logo,#logo img
{float:right;}#info
{float:left !important;text-align:left;}}

Kod CSS dla szablonu SIMPLE ↴

} @media all{ 
#invoice_header{ 
display:flex; 
flex-direction:row-reverse; 
} 
#logo img{ 
display:inline-block; 
} 
#logo_place{ 
float:right; 
} 
#info{ 
text-align:left; 
} 
} 

Kod CSS dla szablonu SKY ↴

} @media all{ 
#invoice_header{ 
display:flex; 
flex-direction:row-reverse; 
} 
#logo img{ 
display:inline-block; 
} 
#logo_place{ 
float:right; 
} 
#info{ 
text-align:left; 
} 
}

table.clean.to_half tbody tr td {
float: right; width: 45%;
}

table.clean.to_half tbody tr td.logo_inside {
float: left;
width: 45%;
display: inline-block;
}

Poniżej wskazujemy zmianę położenia logo i numeru faktury na przykładzie szablonu SKY.