Как изменить стиль номеров в списке?

InstantCMS 2.X
#1 16 сентября 2017 в 11:14
Хочу поменять цвет номеров в списке, не могу найти какой стиль отвечает за это, кажется нужно добавить отдельный стиль. Но как не могу пока сообразить. Подскажите пожалуйста joxi.ru/eAOExLRI4ENxzm
#3 16 сентября 2017 в 12:20

Хочу сделать как тут

Alon
Фаербагом пользуетесь? — или им подобным. Просто посмотрите какие стили в вашем примере и сделайте так же.

Теория
#4 16 сентября 2017 в 12:46


Хочу сделать как тут

Alon
Фаербагом пользуетесь? — или им подобным. Просто посмотрите какие стили в вашем примере и сделайте так же.

Теория

@SmartControl

да, пользуюсь, но не доходит что нужно сделать(, можете на примере показать? Мне нужно поменять цвет номеров
#5 16 сентября 2017 в 12:50
Вот вроде тоже норм инструкция, kostyakhmelev.ru/dizajn/kak-krasivo-oformit-spiski-ul-ol-li-na-sayte.html но не получается понять, где файл который сейчас выводит дефолтный стиль и как называется этот стиль, обычно со стилями не было проблем, но тут судя по всему не хватает образования.
#6 16 сентября 2017 в 12:56
  1. Реализация похожа с предыдущей:
  2.  
  3. Находим стили для общего тега таблицы стилей нумерованного списка (тег ol) и прописываем к нему свойства:
  4.  
  5. list-style-type: none; /*отключает вывод стандартных цифр*/
  6. counter-reset: point; /*задает переменную для счетчика нумерации*/

Где это у нас, можете подсказать? Дальше думаю будет понятно
#7 16 сентября 2017 в 13:13
кажется нужно это делать в стиле wysiwyg/ckeditor/skins/moono/editor.css


ладно вернусь к этой теме на свежую голову, пока поднимаю руки))
#8 16 сентября 2017 в 13:20

кажется нужно это делать в стиле wysiwyg/ckeditor/skins/moono/editor.css

Alon
Это нужно делать в своем новом файле, в котором будут ваши стили. Системные то не нужно трогать

работающий пример — посмотрите, у себя накидал.

  1.  
  2. <ol class="first">
  3. <li>первый</li>
  4. <li>второй</li>
  5. <li>третий</li>
  6. </ol>
  7. <style>
  8.  
  9. .first {
  10. counter-reset: item 0;
  11. list-style-type: none;
  12. }
  13. .first li::before {
  14. color: red;
  15. content: counter(item, decimal) ". ";
  16. counter-increment: item 1;
  17. padding-right: 7px;
  18. }
  19. </style>
  20.  
#9 16 сентября 2017 в 13:49


кажется нужно это делать в стиле wysiwyg/ckeditor/skins/moono/editor.css

Alon
Это нужно делать в своем новом файле, в котором будут ваши стили. Системные то не нужно трогать

@SmartControl

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

и я добавляю класс в редакторе, но он не сохраняется, куда добавить класс? рядом со стилем ставлю не срабатывает
#10 16 сентября 2017 в 13:50
#11 16 сентября 2017 в 13:53

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

Alon
Я ж кинул теорию))

Посмотрите блок list-style-position, там как раз про это
#12 16 сентября 2017 в 13:58


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

Alon
Я ж кинул теорию))

Посмотрите блок list-style-position, там как раз про это

@SmartControl

Ладно с выпрямлением разберусь, а почему не присваивается стиль к <ol>?
#13 16 сентября 2017 в 14:03
Обернул в div c классом first все равно не помогло smile
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.