Question

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

Пыталась сделать нечто подобное сама, прописывая в css и в глобальном блоке, но все вставало криво и косо, а заодно еще и ломалась мобильная версия сайта.

Этот код вставляла в Глобальный блок - Верхняя часть сайта после $NMENU_2$ :

 <a href="#" class="site-button">Кнопка</a>

А это прописывала в таблице стилей CSS :

 .site-button {  background-color: #ffd500;  border: 2px solid #ffffff;  color: #ffffff;  padding: 12px 26px;  border-radius: 10px;  font-size: 17px; }

Шаблон сайта № 949

Answer 1

Вы не навели пример, какой конкретно кнопки или пункта меню на сайте вы хотите изменить фон. Ждем пример.

Comments

Кнопка "Юбилей школы. Нам 60 лет".  Плюс к изменению цвета еще хотелось бы ее сделать по середине и длинной.

---

Ольга Митрофанова,

Чтобы изменить фон, в стили прописать примерно следующее:

.head-menu li [href="http://school409.ucoz.ru/index/jubilej-shkoly-nam-60-let/0-471"] { background: red; }

вместо red прописать свой цвет. Выровнять ее по центру нельзя так как это пункт меню, а не отдельная кнопка.

---

Yuri_Geruk,

Прописала в стили Ваш код, но фон не поменялся. Очистка кэша тоже результатов не дала.

---

Ольга Митрофанова,

Исправьте ваши стили начиная с строк 849 по 854 на:

@media screen and (max-width:1000px){td{word-break:break-all;}
@media screen and (max-width:700px){img{max-width:96% !important;height:auto !important;}}
iframe, textarea, input, button, submit, video, object, embed{max-width:99% !important;}
table, span, div, ins{max-width:100% !important;}}

.head-menu li [href="http://school409.ucoz.ru/index/jubilej-shkoly-nam-60-let/0-471"] { background: gold; }

после заработает все.

---

Yuri_Geruk,

Все заработало! Спасибо!