Forum categories

Мобильная версия - цвет кнопок меню

Изменение цвета кнопок меню в мобильной версии


Kseniya
Kseniya • 2024-07-20 07:51 #1

Подскажите, как изменить цвет кнопок меню в мобильной версии сайта?

 В мобильной версии открывающееся меню - нужно, чтобы дизайн всех кнопок, которые под "Главная" был такой, как у кнопки "поставщики". То есть цвет самой кнопки и цвет надписи на ней. Кнопку Главная не надо менять.

1/1/0

Kseniya
Kseniya • 2024-07-20 07:53 #2

Также в соответствующих разделах сделать нейтральный цвет оформления. То есть убрать фиолетовый,  розовый, зеленый, оранжевый. Оставить серый и белый. Это касается не только мобильной версии.

Спасибо)

2/2/0

webitproff
webitproff • 2024-07-20 08:07 #3
#113 Kseniya:

Подскажите, как изменить цвет кнопок меню в мобильной версии сайта?

 В мобильной версии открывающееся меню - нужно, чтобы дизайн всех кнопок, которые под "Главная" был такой, как у кнопки "поставщики". То есть цвет самой кнопки и цвет надписи на ней. Кнопку Главная не надо менять.

Открываем шаблон

/themes/marketplace/inc/appmenu.tpl

строка №17 - кнопка "Поставщики"

 

<a class="uk-button uk-btn-grylight shadow-grylight" href="{PHP.cot_groups.4.alias|cot_url('users', 'group=$this')}"><span class="uk-margin-small-x"><i class="fa-solid fa-people-group fa-xl"></i></span><span class="uk-text-middle">{PHP.cot_groups.4.name}</span></a>

копируем класс нопки

class="uk-button uk-btn-grylight shadow-grylight"

и присваем этот класс нужным кнопкам, то есть копируем с заменой

webitproff
webitproff • 2024-07-20 08:20 #4
#114 Kseniya:

Также в соответствующих разделах сделать нейтральный цвет оформления. То есть убрать фиолетовый,  розовый, зеленый, оранжевый. Оставить серый и белый. Это касается не только мобильной версии.

Спасибо)

слишком размыто. потому что разделов много, а в каждом разделе есть подразделы со своими шаблонами.

самое простое:

1. открываем Mozilla Firefox и жмем "F12" или правым кликом зовем контекстное меню в нужном месте и жмем "Исследовать".

2. Смотрим какое свойство в стилях заданов файле

themes/marketplace/css/marketplace.css

и задаем новое свойство классу.

Но такой простой шаг может потом вас запутать.

Вы как администратор, обычно сразу внизу сайта видите название шаблона, - поэтому идем в шаблон, и нужному элементу блока задаете нужный класс с нужными свойствами.

 

2/2/0

🗿

🧙‍♂️ Well met, good traveler! Fate has guided your steps to our humble realm. Here, wise sages and masters of the coding craft ⚒️📜 gather to unravel the mysteries of the code ✨⚙️, share their knowledge, and add new chapters to our chronicles.
⬅️ To the left lie ancient scrolls 📚 filled with forgotten wisdom. ⬆️ Straight ahead, friendly folk offer counsel 💬 to those in need. ➡️ To the right, you may become a chronicler ✍️ yourself, sharing your craft and leaving words of wisdom for those yet to come.
📝 Delay no longer—tell us the name by which you are known, complete the rite of registration 🛡️, and join our fellowship!
🏰 Our brotherhood holds no secret initiation, yet many halls remain closed to wandering guests, for some knowledge 💎 is reserved for those who choose to walk this path beside us.