Змінюємо вид заголовків в blogger (blogspot)

Змінюємо вид заголовків в Blogger (Blogspot)

Застосування стильових властивостей до назв статей, різних гаджетів і віджетів, дозволяє без зусиль оформити їх відповідно до загального дизайну блогу. Таким чином до них можна додати красивий фон у вигляді зображення або CSS градієнт. для оформлення тексту підключити і використовувати інтернет шрифт. а також вирівняти текст по-центру або правому краю.
Ось цієї статті якраз і піде мова про те, як за допомогою CSS змінити зовнішній вигляд заголовків в Blogger-блозі.
Для початку визначимося з селекторами.
Всього в шаблоні Blogger чотири типи заголовків і додати власний CSS можна до будь-якого і кожного з них. Їх селектори вже записані в коді шаблону наступним чином:
- .Header h1 - назва блогу. В даному випадки .Header - це селектор "шапки" блогу. де і розташований заголовок першого рівня - h1.
- h2 - заголовки гаджетів (віджетів).

Щоб вирівняти текст заголовка по-центру, в Blogger, як і всюди використовується властивість text-align із значенням center.
Наприклад для повідомлень (постів) код буде таким:

h3.post-title text-align: center; / * Вирівнювання по центру * /
>

Вітаю! Із задоволенням використовую ваш ресурс в якості "настільної книги" при веденні свого блога. Дякую за доступні і докладні інструкції. Але певний інформації я не знайшла - з приводу оформлення назв гаджетів. Я скористалася кодом вашого старого оформлення і змінила оформлення заголовків постів (сюрпризи-жізні.рф).
Допоможіть будь ласка зробити точно такий же вигляд (але з меншим шрифтом) у назв гаджетів! Всі мої маніпуляції з h2 змінюють все заголовки і не зовсім так як треба :( Заранее спасибо!

Заголовки віджетів (гаджетів), крім того що вони полягають в тег h2, ще мають клас, запис їх в шаблоні виглядає наступним чином

***

, тобто також можна додати CSS до них і за класом. title або h2.title - так буде правильніше.
Щоб зменшити розмір шрифту, змініть значення для властивості font
Наприклад якщо запис така:
font: normal normal 15px serif; - то що виділено і є розмір шрифту, може бути як в пікселях. так і в%;
Якщо для стилю заголовків немає такої властивості, можете додати окремо, записавши до нього:
font-size: 14px; - або будь-яке потрібне значення.