Как заменить цвет хедера темы и цены на странице товара (CSS)

@fluki-small · Регистрация: 14.07.2020

Студворк — интернет-сервис помощи студентам

Вот хоть убейте, не могу найти, где в коде задан зеленый цвет цены на странице товара и как задать цвет хедера!

1) В теме заменила уже всё возможное на желтый (#FECC00), остались только разные оттенки серого (зачем разные - не пойму, но трогать не стала, не мешают), но цена товара woocommerce отображается каким-то зеленым цветом на странице товара, а нужен именно #FECC00. И сразу бы изменить размер цены, а то уж больно она невзрачная.

2) Хедер желательно сделать тоже оттенком #FECC00.

Пробовала в style.css вписать

CSS
1
2
3
.page-header {
    background: #FECC00;
    }

или

CSS
1
2
3
.header {
    background-color: FECC00;
}

Никакой реакции.

Ссылка на страницу сайта: https://суровыйурал.рф/product... 3х4-см-34/

@gogolik · 16.07.2021, 15:53

Хедер имеет цвет #FECC00. Ctrl+f5 нажмите, сбросьте кеш.

Цена:

CSS
1
2
3
4
5
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #FECC00;
    font-size: 2em;
}

@fluki-small · 16.07.2021, 16:45 **[ТС]**

ААААААй, спасибо большое!)))
И точно - через другой браузер видно, что хедер нужного цвета... Вот только я ожидала, что хедером будет считаться в том числе область с самим логотипом, именно под ним нужно сделать цвет FECC00. Как его туда поставить?

@gogolik · 16.07.2021, 18:19

fluki-small, задать фон для #masthead. Но я бы рекомендовал оставить так, смотрится хорошо.

Добавлено через 56 секунд
А, или верхнюю белой оставить, а где лого - желтым? Надо тогда доп. класс для container, который внутри header и этому классу фон.

@fluki-small · 16.07.2021, 18:35 **[ТС]**

Как заменить цвет хедера темы и цены на странице товара (CSS)

Нужно добиться примерно такого итога. То есть цвет #FECC00 должен быть не только в мини хедере, но и во всём хедере, в том числе под лого, а сам лого черным должен быть)
Где его вписать? На данный момент этот кусок хедера белый

@gogolik · 16.07.2021, 19:47

fluki-small, тогда для #masthead делаем фон и всё.

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@fluki-small 0 / 0 / 0 Регистрация: 14.07.2020 Сообщений: 13
	16.07.2021, 16:45 [ТС]
	ААААААй, спасибо большое!))) И точно - через другой браузер видно, что хедер нужного цвета... Вот только я ожидала, что хедером будет считаться в том числе область с самим логотипом, именно под ним нужно сделать цвет FECC00. Как его туда поставить? 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,875
	16.07.2021, 18:19
	fluki-small, задать фон для `#masthead`. Но я бы рекомендовал оставить так, смотрится хорошо. Добавлено через 56 секунд А, или верхнюю белой оставить, а где лого - желтым? Надо тогда доп. класс для container, который внутри header и этому классу фон. 0

@fluki-small 0 / 0 / 0 Регистрация: 14.07.2020 Сообщений: 13
	16.07.2021, 18:35 [ТС]
	Нужно добиться примерно такого итога. То есть цвет #FECC00 должен быть не только в мини хедере, но и во всём хедере, в том числе под лого, а сам лого черным должен быть) Где его вписать? На данный момент этот кусок хедера белый 0

@gogolik Супер-модератор 3964 / 2082 / 832 Регистрация: 13.03.2010 Сообщений: 6,875
	16.07.2021, 19:47
	Сообщение было отмечено gogolik как решение Решение fluki-small, тогда для #masthead делаем фон и всё. 1

Как заменить цвет хедера темы и цены на странице товара (CSS)

Решение