Страница 1 из 1

Цвет фона полей на странице записи

Добавлено: 19 дек 2024, 16:08
triadax
Добрый день.

Подскажите как можно раскрасить поля на странице записи. Например выделить поля "Секция"

Re: Цвет фона полей на странице записи

Добавлено: 19 дек 2024, 16:50
Paganini
Если поля не Список (где можно указывать цвет для значений), тогда CSS. Узнаете класс поля (через инспектор в браузере, например) и навешиваете в Настройках - Пользовательский CSS - любое оформление на это поле. Правда, оно не будет работать по условию. Но может, оно и подходит для вашей задачи.
Если непонятно - могу сделать скриншоты.

Re: Цвет фона полей на странице записи

Добавлено: 19 дек 2024, 18:23
Parazit00
triadax писал(а): 19 дек 2024, 16:08 Добрый день.

Подскажите как можно раскрасить поля на странице записи. Например выделить поля "Секция"
Пример реализации для вашего запроса:
Сделано два варианта — для числового поля (field-218) и для текстового поля ввода (field-321).

Код: Выделить всё

.fieldtype_input_numeric.field-218-td {
    background: linear-gradient(135deg, #e0f7fa, #b2ebf2); /* Плавный голубой градиент */
    color: #00695c; /* Тёмно-зелёный текст */
    font-weight: bold; /* Жирный текст */
    text-align: center; /* Центрирование текста */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Анимация */
}

.fieldtype_input_numeric.field-218-td:hover {
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
}
.fieldtype_input.field-321-td {
    background: linear-gradient(135deg, #fff3e0, #ffe0b2); /* Плавный жёлто-оранжевый градиент */
    color: #e65100; /* Тёмно-оранжевый текст */
    font-weight: bold; /* Жирный текст */
    text-align: center; /* Центрирование текста */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Анимация */
}

.fieldtype_input.field-321-td:hover {
    transform: scale(1.05); /* Лёгкое увеличение при наведении */
}
Screenshot_2.png
Screenshot_2.png (19.93 КБ) 2026 просмотров

Re: Цвет фона полей на странице записи

Добавлено: 20 дек 2024, 09:04
triadax
Спасибо.

Разобрался. В моём случае раскрасил секции и блоки под ними:

Код: Выделить всё

/* Проекты Секция Итого */
.form-group-1345 th.section-heading {
    background-color: #f0bd71;
    color: white;
}

/* Проекты поля с общим фоном #fceed9 для th и td */
.form-group-1077 th.white-space-normal,
.form-group-1116 th,
.form-group-1117 th,
.form-group-1427 th,
.form-group-1428 th {
    background-color: #fceed9;
    color: black;
}

.form-group-1077 td,
.form-group-1116 td,
.form-group-1117 td,
.form-group-1427 td,
.form-group-1428 td {
    background-color: #fceed9;
}

/* Проекты Секция Плановые расчеты */
.form-group-1342 th.section-heading {
    background-color: #78c3e3;
    color: white;
}

/* Проекты поля с общим фоном #d9f2fc для th и td */
.form-group-1432 th,
.form-group-1433 th,
.form-group-1434 th,
.form-group-1435 th,
.form-group-1341 th,
.form-group-1343 th,
.form-group-1344 th {
    background-color: #d9f2fc;
    color: black;
}

.form-group-1432 td,
.form-group-1433 td,
.form-group-1434 td,
.form-group-1435 td,
.form-group-1341 td,
.form-group-1343 td,
.form-group-1344 td {
    background-color: #d9f2fc;
}
chrome_2hOOyVsNF4.png