[Resolved] Объединить фон шапки с фоном меню

[websor]

Кнопка в шапке на остальных страницах (на главной странице показ шапки исключен), пример https://websor.ru/osnovy/elektrobezopasnost/deistvie_na_cheloveka/
Надо изменить текст “Узнать больше” и “Помощь в заказе” на красный.

[Ying]

I see, you can use this CSS to change the buttons color, feel free to change the colors:

.page-hero-buttons a.button:hover {
    background-color: #515151;
    color: #fff;
}
.page-hero-buttons a.button {
    background-color: #000;
    color: red;
}

[websor]

Спасибо.
А как изменить цвет текста в кнопках?

[Ying]

You just need to switch the color code right aftercolor:

If you don’t need special hover color change, you don’t have to add this:

.page-hero-buttons a.button:hover {
    background-color: #515151;
    color: #fff;
}

[websor]

Спасибо, но не то. Вот страница, в шапке которой есть две кнопки.
В кнопках есть текст «Узнать больше» и «Помощь в движении»
Этот текст сейчас серого цвета.
Необходимо цвет текста сделать красным.
Какой добавить код, чтобы поменять Цвет текста на #F01010
Фон кнопок не менять, фон кнопок при наведении не менять, цвет текста при наведении не менять.
Прошу помочь!!!

[websor]

Ой. Вот пример страницы https://websor.ru/oborudovanie-i-materialy/elektroshhitovoe-oborudovanie/

[Ying]

Do you want to achive this:
https://www.screencast.com/t/MRPezeMs1qHr

If so try this:

.page-hero-buttons a {
    color: #F01010;
}

[websor]

Да. Именно это. Большое спасибо. Только у меня после добавления кода ничего не изменилось. Может очистить историю в браузере? Буду пробовать. Еще раз спасибо.

[Ying]

Ahh it’s been overridden, try this instead:

.page-hero .page-hero-buttons a {
    color: #f01010 !important;
}

Let me know 🙂

[websor]

Отлично. Получилось. Большое спасибо.
А как изменить цвет текста при наведении на белый цвет?
Будет вообще Бомба!!!

[Ying]

Try this one for hover text color 🙂

.page-hero .page-hero-buttons a:hover {
    color: #ffffff !important;
}

[websor]

Все работает.
Хорошо, что наш мир держится на таких отзывчивых людях, как вы, которые не могут пройти мимо чужой проблемы.
Большое спасибо.

[Ying]

You are very welcome, we’re always happy to help 🙂

[Author]

Posts