{color: #****** !important;}

{color: rgb (***,***,***) !important;}

Статья о работе с текстом https://beon.vip/Designer/blog/105036/

2. Установка шрифта

{font-family: Arial;}

2.а Добавляем сторонний шрифт.

В гугл фонтс выбираем шрифт https://fonts.google.com/ и добвляем...

Потом копируем код для импортирования

вставляем в дневник на самый верх. без скобочек "style"

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap');
Все, шрифт импортирован, и теперь мы можешь устанавливать его обычном способом

{font-family: ИМПОРТИРОВАННЫЙ ШРИФТ;}

3. Стиль шрифта

{font-style: normal;}

normal - нормальный
italic - кусив
oblique - наклонный

4. "Каллорийный" шрифт (жирный)

{font-weight: 600;}

normal - Нормальная жирность
bold - Полужирный
bolder - Жирный
400–900  -  400 - жирный (1 степень ожерение) 900 — самый жирный (2 степень ожирения)

5. Размер шрифта

{font-size: 20px}

normal - нормальный размер
pt - пункты (как в ворде)
px - пикселы
% - проценты

Как оформлять ссылки?

Для оформления ссылок в класс нужно нужно между классом и скобками добавлять: 

A:link - Определяет стиль для обычной непосещенной ссылки.

A:visited - Определяет стиль для посещенной ссылки.

A:active - Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

A:hover - Определяет стиль для ссылки при наведении на нее мышью.

Пример:

.card.mb-2.post_home  A:hover {color: #****** !important;}

Подпись под аватаркой в записи.

[style="font-size: 11px; color: #333333; word-break: break-word; width: 100px; text-align: center;"]

Подпись под аватаркой в комментариях.

(так же подходят для комментарии в профиле!)

#comment_user_status

Если код не работает добавляем !important 

Пример:

#comment_user_status {color: #FF0000 !important; }

б) Цвет border-color: #******;

О работе с цветом читайте в этой статье в конце https://beon.vip/Designer/blog/77917/

Бордюр может иметь прозрачность)

в) Стиль border-style: _______;

Для установки границы только на определенных сторонах элемента, воспользуйтесь свойствами:  

border-top:   - верх

border-bottom:   - низ

border-left:   - лево

border-right:  - право

Пример: {border-top: dotted 5px;}

не забудьте добавить толщину

Положения бордюра и рисунка

Положение Бордюра

background-clip:
Определяет, как цвет фона или фоновая картинка должна выводиться под границами. Эффект заметен при прозрачных или пунктирных границах.
padding-box Фон отображается внутри границ.
border-box Фон выводится под границами.
content-box Фон отображается только внутри контента.

Положения рисунка относительно бордюра.

background-origin
Свойство background-origin определяет область позиционирования фонового рисунка. Это свойство не применяется, когда значение background-attachment задано как fixed (фон зафиксирован).
padding-box Фон позиционируется относительно края элемента с учетом толщины границы.
border-box Фон позиционируется относительно границы, при этом линия границы может перекрывать изображение.
content-box Фон позиционируется относительно содержимого элемента.

Радиус 

{border-radius: **px;}

Радиусы могут быть в разных углах разными

Пример: .post_image img {border-radius: 0 40px 0 40px},

то есть {border-radius:    верхний левый угол;   верхний правый;    нижний правый;    нижний левый;}

В боковом меню .blog_leftphoto img

В записи .post_image img

В комментариях img.photo

Класс  img.photo применяется для аватарки в комментариях и в меню, поэтому пропишите стиль для фото в меню отдельно.

1. Радиус border-radius: **px;

Радиусы могут быть в разных углах разными

Пример: .post_image img {border-radius: 0 40px 0 40px},

то есть {border-radius:    верхний левый угол;   верхний правый;    нижний правый;    нижний левый;}

2. Бордюры

а) Толщина border-width: **px;

б) Цвет border-color: #******; о работе с цветом читайте в этой статье в конце https://beon.vip/Designer/blog/77917/

Бордюр может иметь прозрачность)

в) Стиль border-style: _______;

Для установки границы только на определенных сторонах элемента, воспользуйтесь свойствами:  

border-top;   - верх

border-bottom;   - низ

border-left;   - лево

border-right:  - право

Пример: {border-top: dotted 5px;}

не забудьте добавить толщину

3. Тени box-shadow: 0px 10px 15px 10px #000;

В этом коде сдвиг в право и вниз, что бы изменить направления добавляйте "-" т.е. "-5рх", если хотите не применять значения, то пишите "0"

4. Свечение это тоже тени, но код применяется так, пример: .post_image img {box-shadow: 0 0 7px 2px red;}

Так же можно применить inset для того, что бы тень была во внутрь, но к сожалению на сайте он не применяется.

Как вы видите, тени заходят на подпись, эту проблему решаем так, мы опустим подпись аватарки...

Код .post_image [style="font-size: 11px; color: #333333; word-break: break-word; width: 100px; text-align: center;"] {padding-top: **px;}