Cum să schimbi culoarea butonului "Următor" pe Tumblr

Pasul 1: Accesează pagina de personalizare

Deschide blogul tău Tumblr și mergi la pagina “Personalizare”. În partea de sus, sub numele temei curente, găsești linkul “Edit HTML”.

Pasul 2: Găsește variabila {NextPage}

Apasă Ctrl+F și caută {NextPage}. Asigură-te că aceasta apare în blocul {block:Pagination}, care conține butoanele „Previous” și „Next”.

Pasul 3: Identifică clasa CSS care stilizează butonul „Next”

În codul HTML, căută class="…" în elementul linkului. În funcție de autorul temei, acesta poate avea propria clasă sau poate partaja stiluri cu alte elemente.

Poți înlocui clasa curentă cu una nouă și să adaugi acea clasă în foaia de stil a temei, pentru a evita modificarea altor elemente.

Pasul 4: Adaugă clasa personalizată în foaia de stil

Folosește din nou Ctrl+F pentru a localiza fișierul CSS. Clasele în CSS sunt scrise ca .numeClasei { }.

Pentru a crea o clasă nouă, inserează:

.numeNou {
    /* stiluri aici */
}

Pasul 5: Schimbă culorile

În interiorul clasei, adaugă:

color: #ff69b4; /* culoare text */
background: #000000; /* culoare fundal, dacă există */

Dacă tema folosește margini sau umbre, setează:

border-color: #ff69b4;
box-shadow: 0 2px 4px #ff69b4;

După salvare, pagina se reîncarcă și vei vedea noua culoare a butonului „Următor”.

Notă suplimentară

Dacă tema ta activează „scrolling infinit”, butonul „Next” nu va apărea. Poți schimba tema pe una care utilizează paginare dacă dorești să ai un buton vizibil.