Jump to content
Sign in to follow this  
tailer

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

Recommended Posts

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

Вроде правлю 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

.informations{
 padding-left: 20px;
}

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.