Как да промените цвета на бутона „Следващ“ в Tumblr

Въведение

Темите на Tumblr са разнообразни и често създадени от различни разработчици, което прави кода им непредвидим. Всяка тема може да се модифицира – ако случайно я повредите, просто я преинсталирайте.

1. Отворете страницата за персонализиране

Влезте в Customization на вашия блог, след което кликнете върху Edit HTML. Този линк се намира в горната част на панела за настройка, под името на текущата тема.

2. Намерете кода за бутона „Следващ“

Натиснете Ctrl+F и потърсете променливата {NextPage}. Тя трябва да е вътре в блок {block:Pagination}, което означава, че сте в частта, където се дефинират бутоните „Предишна“ и „Следващ“.

3. Открийте CSS‑класовете

Прегледайте HTML кода, за да видите какъв class е зададен на линка „Следващ“. В зависимост от темата той може да има собствен клас или да споделя стили с други елементи.

Ако искате промяната да засегне само този бутон, създайте нов клас и го добавете към стилизирането.

4. Редактирайте CSS‑а

Отворете стила (style sheet) и отново използвайте Ctrl+F, за да намерите избрания клас – той се записва като .име_на_клас. Ако създавате нов, добавете следния блок в произволно място:

.име_на_клас {
    /* вашите правила */
}

За да промените цвета на текста, добавете:

color: #ff69b4; /* розов цвят */

Ако бутонът има фон, задайте:

background: #000000; /* черен фон */

Не забравяйте да коригирате и граници или сенки, ако темата ги използва.

5. Запазете промените

Натиснете “Save” и проверете сайта си. Ако темата ви използва безкрайно превъртане, може да искате да смените темата с такава, която използва странициране.