Откройте свой HTML модуль, выключите редактор (внизу кнопка переключения будет) и там добавьте DIV с новым классом. Просто добавьте так:
<div class="myscroll">
......ваш текст.....
</div>
При выключенном редакторе все это будет выглядеть так:
После в CSS добавляете также код:
.deepest .myscroll {
overflow: scroll;
height: 300px;
overflow-x: hidden;
}
В итоге скролл будет только для того текста который заключен в тег
<div class="myscroll">. В данном случае CSS суффикс к модулю прописывать не нужно, так как вы его прописываете в редакторе, т.е. поле класса в модуле нужно оставить пустым. Заголовок модуля в данном случае не будет иметь скролл и будет оставаться на месте как и модуль слева.
p.s. на будущее, по поводу списка
<ul><li>..., чтобы не было "точек", достаточно добавить в CSS класс стиль
list-style: none;, т.е. к примеру в код который был ранее:
.deepest .scroll ul.category-module {
overflow: scroll;
height: 300px;
overflow-x: hidden;
}
.deepest .scroll ul.category-module li {
list-style: none;
}