[РЕШЕНО] Цвет ссылок ы модуле
Второй комплект цветов ссылок
Verov
Как сделать второй комплект цветов ссылок? Чтобы при размещении модуля языков, наименования языком имели свои цвета, отличные от контентных ссылок.
Если нужно написать новый стиль, то подскажите как… Нужно, чтобы ссылки размещались в ряд и имели комплект цветов и возможность регулировать расстояние между названиями языков.

Спасибо.
samson
В модуле поставить свой суффикс



Я поставил simpleblock
получился customsimpleblock

для него добавляем в файл стилей для ссылок правила:
Код PHP:
  1.  
  2. .customsimpleblock a{
  3. color: #06FB6C !important;
  4. }
  5.  
  6. .customsimpleblock a:hover{
  7. color: #06FB6C !important;
  8. }
  9.  
  10.  
Потом их можно отредактировать для себя, отступы, цвет и т.п.
Verov
samson:
Я поставил simpleblock
получился customsimpleblock

для него добавляем в файл стилей для ссылок правила:

Ссылки отображались так...

В модуле я установил simpleblock

В template.css прописал вышеуказанное

получилось так

он отреагировал на "simpleblock" в настройках модуля, но стили "customsimpleblock" как буд-то не подцепил.
samson
Verov:
но стили "customsimpleblock" как буд-то не подцепил
Verov:
получилось так

Попробуйте так:

Код PHP:
  1.  
  2. .art-blockcontent .customsimpleblock a{
  3. color: #06FB6C !important;
  4. display: inline-block !important;
  5. }
  6.  
  7. .art-blockcontent .customsimpleblock a:hover{
  8. color: #06FB6C !important;
  9. display: inline-block !important;
  10. }
  11.  
Возможно у display: inline-block !important; можно убрать !important...
Verov
samson:
Возможно у display: inline-block !important; можно убрать !important...
Попробовал и так и так. Ничего не поменялось.
Редактировалось: 1 раз (Последний: 27 февраля 2020 в 10:48)
samson
Verov:
Попробовал и так и так. Ничего не поменялось.

Надо смотреть, через что эти ссылки выводятся, могут например через тег li
Тогда и правила соответсвенно

так
Код PHP:
  1.  
  2. .art-blockcontent .customsimpleblock li a{
  3. color: #06FB6C !important;
  4. display: inline-block !important;
  5. }
  6.  
  7. .art-blockcontent .customsimpleblock li a:hover{
  8. color: #06FB6C !important;
  9. display: inline-block !important;
  10. }
  11.  
  12.  
Или так

Код PHP:
  1.  
  2. .customsimpleblock li a{
  3. color: #06FB6C !important;
  4. display: inline-block !important;
  5. }
  6.  
  7. .customsimpleblock li a:hover{
  8. color: #06FB6C !important;
  9. display: inline-block !important;
  10. }
  11.  
  12.  
или так

Код PHP:
  1.  
  2. .customsimpleblock ul li a{
  3. color: #06FB6C !important;
  4. display: inline-block !important;
  5. }
  6.  
  7. .customsimpleblock ul li a:hover{
  8. color: #06FB6C !important;
  9. display: inline-block !important;
  10. }
  11.  
  12.  
А лучше не гадать, а смотреть на месте))
Verov
Скрытый текст виден только зарегистрированным пользователям

Посмотрите ссылку, языки сверху, сейчас их почти не видно. на других страницах переключение языков реализовано через другой модуль, но он не поддерживает связи между материалами, поэтому решили настроить стандартный.Добавлено спустя 3 минутыЗабыл описать один нюанс... этот модуль выводится через другой модуль, конструктора контента SP Page Builder может там тоже стоит прописать суффикс класса?Добавлено спустя 10 минутРешено...
Прописал стили для ссылок в кастомных настройках модуля SP Page Builder, через который выводился языковой модуль.
Огромное спасибо за помощь!
Перейти на форум: