Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13

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

16.07.2021, 15:42. Показов 1442. Ответов 5
Метки нет (Все метки)

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

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/
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
16.07.2021, 15:42
Ответы с готовыми решениями:

При изменении цены в каталоге, не проставляется цена на странице товара
Добрый день, столкнулся с проблемой, не проставляется цена, при вводе через админку: каталог - элемент - торговый каталог. Меня базовую...

Как вывести ссылку на категорию товара на странице товара?
Товар у меня это bitrix::catalog.element Категория - это у меня Рабочий стол - Контент - Каталоги - Входные двери - Каталог входных...

Как вставить цену товара в input на странице товара?
Всем доброго времени суток,использую Woocommerce Нужно сделать калькулятор для товаров,на каждой странице,для этого нужно в инпут...

5
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3964 / 2082 / 832
Регистрация: 13.03.2010
Сообщений: 6,875
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;
}
0
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13
16.07.2021, 16:45  [ТС]
ААААААй, спасибо большое!)))
И точно - через другой браузер видно, что хедер нужного цвета... Вот только я ожидала, что хедером будет считаться в том числе область с самим логотипом, именно под ним нужно сделать цвет FECC00. Как его туда поставить?
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3964 / 2082 / 832
Регистрация: 13.03.2010
Сообщений: 6,875
16.07.2021, 18:19
fluki-small, задать фон для #masthead. Но я бы рекомендовал оставить так, смотрится хорошо.

Добавлено через 56 секунд
А, или верхнюю белой оставить, а где лого - желтым? Надо тогда доп. класс для container, который внутри header и этому классу фон.
0
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13
16.07.2021, 18:35  [ТС]

Нужно добиться примерно такого итога. То есть цвет #FECC00 должен быть не только в мини хедере, но и во всём хедере, в том числе под лого, а сам лого черным должен быть)
Где его вписать? На данный момент этот кусок хедера белый
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3964 / 2082 / 832
Регистрация: 13.03.2010
Сообщений: 6,875
16.07.2021, 19:47
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

fluki-small, тогда для #masthead делаем фон и всё.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
16.07.2021, 19:47
Помогаю со студенческими работами здесь

Дана строка, содержащая название товара и его цены. Разделить название товара и его цены...
Создать модуль и разработать ниже перечисленные функции, затем выполнить задание с текстом. MyVal – преобразовать строку в целое число ...

Вывод в форму цены товара автоматически при вводе названия товара
Уважаемые! У меня большая просьба помочь в конкретной задачи: Создаю форму Аццес, При заполнении формы я должен занести наименование...

Цены на сайте (% наценки от цены товара)
Добрый день! Подскажите кто знает, есть возможность настроить цены на сайте таким образом что бы: если цена <=500p. то наценка...

Поменять цвет хедера
Привет, есть тема discovery, в которой в настройках можно изменить цвет текста и фона, но нельзя делать настройка цвета хедера. Хедер...

Как на страинце товара Virtuemart 2.0.14 поменять местами цены
В категории товаров отображается Старая цена: 2600 руб Новая цена: 2270 руб Экономия: 330 руб При переходе в сам товар ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через 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. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru