Добавить рамку для выделения заметки

Иногда хочется – или очень нужно – выделить какой-то пост (заметку), и здесь на помощь придёт CSS с рамочкой, которую можно регулировать по цвету, размеру и других показателям.

Рамка будет видна как на главной странице блога – вокруг фрагмента записи с фотографией, так и вокруг самого поста на отдельной странице.

Для этого можно добавить дополнительный стиль CSS в Дополнительные стили при настройках блога.

/* Используем ID поста */
.post-123 { /* Замените 123 на ID вашего поста */
border: 2px solid #333; /* Ширина и цвет рамки */
padding: 20px; /* Внутренний отступ */
margin-bottom: 20px; /* Отступ внизу */
border-radius: 5px; /* Закруглить углы - по необходимости */
box-shadow: 0 0 10px rgba(0,0,0,0.1); /* По необходимости: легкая тень */
}

И все дела.

 ⬇ Поделиться в соцсетях и мессенджерах