Перейти к содержанию
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;
}

post-30784-0-82458100-1364228475_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

.informations{
 padding-left: 20px;
}

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А разве это меню не в футере находится? Тогда лучше не код 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, оно смещается влево но не так как нужно, а еще сместить влево не получается!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Все разобрался! если нужно меняете в .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;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.