Самый простой способ определить, к какому селектору прописать CSS-свойства, — кликнуть по элементу правой кнопкой мыши и выбрать «Исследовать элемент» или «Проверить элемент» (в зависимости от браузера). Так вы сможете точно определить нужный селектор и свойства для редактирования.

Основные свойства:

color — цвет текста или элементов

body {
    color: blue;
    color: #e4e4f6;
}

background — цвет фона

body {
    background: #f1e4f9;
    background: #f00 url('image.png') top center no-repeat;
}

border — рамка элемента

body {
    border: 2px solid #f00;
}

box-shadow — тень элемента

body {
    box-shadow: 10px 5px 5px black;
    box-shadow: 10px 10px 5px #aaaaaa;
}

opacity — непрозрачность элемента

body {
    opacity: 0;
    opacity: .5;
    opacity: 1;
}

Более подробный учебник по CSS вы найдёте на WPCourses.

Если у вас тема от WPShop, все правки можно добавить через Внешний вид > Настроить > Дополнительные стили или через дочернюю тему.

Как поменять цвет, фон, тень, рамку на сайте