- CSS
- WordPress
Завдання - замінити в меню текст на графічні кнопки.
CMS - wordpress. Шаблон Fruitful.
У розділі Зовнішній вигляд - меню кожному пункту меню присвоїв клас. Припустимо menu-1.
В налаштуваннях шаблону є розділ css куди можна прописувати свої настройки.
Ось код css для зміни стилю окремого пункту меню:
Все працює, крім active! (
У style.css є клас який відповідає за загальний стиль і напевно конфліктує \ перекриває active:
Ну і головний і вічне питання - що робити ??
p.s. в css і php поки не сильний, тільки вчуся, тому і питаю.
спасибі, сподіваюся на допомогу.
upd:
Є майже рішення:
.main-navigation ul .menu-1.current-menu-item a
Але тут є мінус - якщо у кнопки три стану і вона активна то при наведенні видно обидва стані - і активного і при наведенні.
В CSS у посилань є 4 псевдокласу:
a: link - стиль посилань за замовчуванням;
a: visited - стиль відвіданих посилань;
a: hover - стиль посилання при наведенні курсору;
a: active - стиль посилання в натиснутому стані, т. е. поки натиснув і тримаєш =)
Щоб виділити пункт меню поточної сторінки потрібно прописати стилі для класу:
main-navigation ul li.current-menu-item a
Ось прямо-таки 4? Саме 4 і все?)) Вам би специфікацію почитати.
А про: focus - сумно, що ви жодного разу не бачили, тому що люди користуються для навігації клавіатурою. Дивно, правда?
bugbucket, наскільки я зрозумів якщо задати стиль для .main-navigation ul li.current-menu-item a то він знову буде загальним або це потрібно щоб працювало current-menu-item і потім можна буде окремо вказати стиль для
.menu-1.current-menu-item, menu-2.current-menu-item і тд.