Начать новую тему

Цвет текста каталога

Добрый день,


Хочу поменять цвет одного из текстов названия каталога http://take.ms/SQH9o , подскажите пожалуйста как это можно сделать? Спасибо

Здравствуйте, Алекс!


Изменить цвет ссылок в меню категорий можно, используя функциональность Редактировать дизайн в вашей панели администратора. Для этого, пожалуйста, откройте страницу Дизайн > Темы в вашей панели администратора и нажмите на кнопку Редактировать дизайн. На открывшейся странице выберите Цвета в поле Редактировать. В открывшихся настройках вы можете изменять цвета для необходимых элементов. Чтобы поменять цвет ссылок в меню категорий, необходимо изменить цвет поля Ссылки меню. Пожалуйста, нажмите кнопку Сохранить после изменений.


К сожалению, в Мерчиуме нет возможности изменить цвет отдельного пункта меню.


Спасибо.

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


Даже вручную добавить css не получится чтобы поменять один пункт? 

Алекс,


Вручную добавить CSS правило, которое позволит изменить цвет элемента, показанного на скриншоте, можно. Чтобы это сделать:

1. В панели администратора перейдите на страницу Дизайн > Темы.
2. Нажмите на кнопку Редактировать дизайн справа от выбранной темы.
3. В Редакторе Тем в выпадающем меню Редактировать выберите Пользовательские CSS.
4. В появившемся поле поставьте курсор в конец содержимого поля и добавьте следующие строки:


.ty-menu__items li:last-child .ty-menu__item-link {color: red;}


где измените red на необходимый цвет.

5. Нажмите Сохранить.


Надеемся данная информация окажется для вас полезной.


Спасибо.

Спасибо большое)


Два вопроса:


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


2. Как можно сделать чтобы у какого нибудь пункта постоянно была выделена область вокруг текста - точно также как и при наведении курсора мыши.


Спасибо

Спасибо за ваш ответ.


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


В этом случае мы рекомендуем воспользоваться псевдоклассом nth-child для элементов меню. Например, в предоставленном коде используется псевдокласс last-child, который задает стилевое оформление последнего элемента своего родителя. А с nth-child вы сможете указать, для какого элемента родительского класса применять данное изменение.


> 2. Как можно сделать чтобы у какого нибудь пункта постоянно была выделена область вокруг текста - точно также как и при наведении курсора мыши.


Для изменения внешнего вида элемента в состоянии наведения курсора мыши на него используется псевдокласс hover. Таким образом, для статического состояния элемента вам нужно продублировать код, но без этого псевдокласса. Например, для состояния hover имеется следующий код: 

  

.ty-menu__item:hover .ty-menu__item-link {
	background-color: #f21b23 !important;
	color: white;
}

  

А для статического состояния элемента необходимо добавить следующее в код стиля: 

  

.ty-menu__item .ty-menu__item-link {
	background-color: #f21b23 !important;
	color: white;
}

 

Надеемся, данная информация окажется полезной для вас.


Спасибо.  


Добрый день,


Спасибо за ваши ответы, еще один вопрос:


Вот я сделал как вы сказали, все отлично работает. Я сделал третий каталог в списке красным, при наведении курсора на этот каталог: цвет текста становится белым, а фон выделения - красным - все отлично, так и должно быть ... только проблема в следующем: после выбора данного каталога(нажатия на него) и если убрать курсор, то текст становится красным и сливается на фоне http://take.ms/B0BTc


Как сделать чтобы после выбора каталога, текст менялся на белый цвет, как это происходит при наведении курсора мыши. Спасибо


Коротко я хочу:


1. По умолчанию текст красного цвета: http://take.ms/fp5zh -  все отлично, работает

2. При наведении курсора мыши на каталог опять же все работает отлично: текст становится белым, а фон красный http://take.ms/JUD5s

3. А вот после выбора каталога, если увести курсор мыши, то текст становится красным и сливается на фоне выделения http://take.ms/B0BTc .. Необходимо, чтобы после выбора каталога текст названия каталога был белым на фоне красного выделения.


Спасибо

Здравствуйте, Алекс!


Спасибо за ваш запрос.


В этом случае вам необходимо изменить цвет текста для активного элемента, то есть для ссылок со следующим селектором:

 

li.ty-menu__item-active a.ty-menu__item-link

 

Как видно из кода, приведенного выше, для изменения цвета  текста используется свойство color.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Спасибо) получилось!)

Спасибо за ваш ответ. Мы рады слышать, что все получилось. Пожалуйста, обращайтесь, если у вас появятся вопросы в будущем.


Войдите, чтобы опубликовать свой комментарий