Хроми

Предыстория

Немножко полезных шаблонных стилей

К этим элементам вы можете применить нужный стиль: раскрасить, увеличить, добавить тень или обводку и т.д.
Кроме того, код этого персонажа закомментирован, поэтому вы можете открыть просмотр кода (Ctrl+U) и найти интересующий вас элемент.

/*--- Изменяет задний фон страницы на картинку --- */

.body-bg-8 { background: url("ССЫЛКА") no-repeat fixed; background-size: cover; }

/*--- Убирает ленточки "Закрыт" и "В разработке" сверху --- */

.ribbon-container { display: none }

/*--- Скрывает аватарку персонажа --- */

.avatar-lg.image-responsive { display: none}

/*--- Увеличение текста имени персонажа, изменение цвета и наложение тени под текст--- */

.wp-block.article.post .article-title {
font-size: 30px;
color:  rgba(130, 52, 2, 1);
text-shadow: 6px 2px 15px rgba(119, 122, 124, 1);}

/*--- Изменяет цвет игромеханического имени --- */

.article-subtitle.text-center {color:  rgba(130, 52, 2, 1); !important;}

 /*--- Окрашивает цитату персонажа--- */

.wp-block.default.testimonial.no-border.no-margin {color:  rgba(171, 92, 2, 1); !important;} 

/*--- Удаляет надписи "Предыстория", "Портрет" и т.д. --- */

.wp-block.default > .wp-block-body h2 { display: none }

/*--- Убирает фон и рамку полей "Портрет", "Предыстория", "Дополнительно" делая их прозрачными --- */

.wp-block.default.no-border.shadow-5 {
background: none;
box-shadow: none!important;
margin-bottom:  0;}

/*--- Убирает основной белый фон чарлиста --- */

.wp-block.default.article.post.no-margin { border: 0; background: none}

/*--- Расширяет объем чарлиста, вытесняя плашку автора справа --- */

.col-md-9 { width: 100%;}

/*--- Размещает кнопку лайка по центру --- */

.col-sm-2 { width: 50%;}

/*--- Изменяет цвет "Автор:", "Создано" и "Обновлено". --- */

.wp-block.article.post .meta-info span strong { color: rgba(252, 23, 23, 1); }

/*--- Изменяет цвет даты создания, изменения и префикс никнейма --- */

.text-chrome { color: black; }

/* Скрыть блок профиля */ Спасибо: Jack_Vorfale

.sidebar { visability: hidden; display: none; }