Блок "Информация" нужна помощь

[tailer]

Добрый вечер! Ребята помогите, вторую неделю бъюсь, незнаю где уже исправить!

Вроде правлю css, но изменений нет.

Вообщем -то впорос, как выровнять (текст как показано на рисунке)?

И как убрать эти точки.?

вот код из css

/* box */
.box {
margin-bottom: 20px;
padding-top: 10px;
}
.box .box-heading {

background: url('../image/background.png') 0% -320% repeat-x;
padding: 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #000;
}
.box .box-content {
background: #FFFFFF;
padding: 10px;
}

[Strelez]

А разве это меню не в футере находится? Тогда лучше не код css, а ссыль на сайт...

[OldAine]

самый лучший вариант в данном случае, это зайти в catalog\view\theme\default\template\module\information.tpl

там найти открывающийся тег <ul> и внутрь его вставить class="informations", т.е

вот так - <ul class="informations">

потом в stylsheet.css вставить

.informations{
 padding-left: 20px;
}

возможно придется поэкспериментировать c кол-вом пикселей отступа....

[tailer]

А разве это меню не в футере находится? Тогда лучше не код css, а ссыль на сайт...

сайта нет, на локальном пока делаю все

самый лучший вариант в данном случае, это зайти в catalog\view\theme\default\template\module\information.tpl

там найти открывающийся тег <ul> и внутрь его вставить class="informations", т.е

вот так - <ul class="informations">

потом в stylsheet.css вставить

.informations{

padding-left: 20px;

}

возможно придется поэкспериментировать c кол-вом пикселей отступа....

Сделал как сказали, изменения также как и без добавления этих строк, да и точки напротив текста тоже незнаю как удалить. Шаблон дефолтовый который идет с ocStore v1.5.4.1.

Единстренное, что не пойму, так это что ограничивает 20px? т.е. когда ставлю 0px, оно смещается влево но не так как нужно, а еще сместить влево не получается!

[OldAine]

можно использовать минусовые значения -10px например, а убрать точки можно, при помощи list-style: none outside none;

[tailer]

Все разобрался! если нужно меняете в .box ul { параметр padding-left:

/* box */
.box {
margin-bottom: 20px;
padding-top: 10px;
}
.box ul {
display: block;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 1em;
margin-top: 1em;
padding-left: 40px;
}
.box .box-heading {

background: url('../image/background.png') 0% -320% repeat-x;
padding: 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #000;
}
.box .box-content {
background: #FFFFFF;
padding: 0px;
}