Jak sprawić, by tło pasowało do wyglądu bloga na Tumblr

Motyw Tumblr obsługujący obrazy w tle może znacznie uatrakcyjnić Twój blog, ale nie masz wpływu na rozdzielczość ekranu, z jaką odwiedzający go przeglądają. Aby tło zawsze rozciągało się na całą stronę, niezależnie od rozdzielczości i przeglądarki, musisz zmodyfikować kod motywu.

Kroki konfiguracji

1. Zaloguj się na swoje konto Tumblr i przejdź do zakładki Ustawienia w panelu.
2. Jeśli posiadasz kilka blogów, wybierz ten, który chcesz edytować, a następnie kliknij Dostosuj.
3. W menu po lewej stronie wybierz Edytuj HTML. Otworzy się kod źródłowy motywu.
4. Użyj skrótu Ctrl+F i wyszukaj frazę body { (bez cudzysłowów).
5. W obrębie otwierającego i zamykającego nawiasu body dodaj nową linię z deklaracją:

background-size: cover;

Warto dodać także prefiksy zapewniające kompatybilność z różnymi przeglądarkami:

-webkit-background-size: cover; /* Safari, Chrome */
-moz-background-size: cover;    /* Firefox */
-o-background-size: cover;      /* Opera */

6. Kliknij Update Preview, sprawdź, czy tło wyświetla się prawidłowo, a następnie Zapisz zmiany.

Po zapisaniu zmiany tło Twojego bloga będzie automatycznie dopasowywać się do rozmiaru okna przeglądarki, zapewniając spójny wygląd na wszystkich urządzeniach.