Перейти к содержимому


Выровнять Название Категории, Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 21

#1 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 09 Апрель 2015 - 18:49

Здравствуйте! Помогите разместить по центру и середине надпись!

Прикрепленные файлы

  • Прикрепленный файл  342.bmp   984,05К   485 Количество загрузок:


#2 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 09 Апрель 2015 - 19:00

Просмотр сообщенияВиталий702 (09 Апрель 2015 - 18:49) писал:

Здравствуйте! Помогите разместить по центру и середине надпись!
Здравствуйте. Уточните пожалуйста номер аккаунта, для которого Вы производите изменения.

#3 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 09 Апрель 2015 - 19:21

Просмотр сообщенияAlekseys (09 Апрель 2015 - 19:00) писал:

Здравствуйте. Уточните пожалуйста номер аккаунта, для которого Вы производите изменения.
Аккаунт SL-340837

#4 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 09 Апрель 2015 - 19:41

Просмотр сообщенияВиталий702 (09 Апрель 2015 - 19:21) писал:

Аккаунт SL-340837
В конец main.css Добавьте
.page_title span {
margin-left: -5px;
}
и меняя значение margin-left сместите влево или вправо.

#5 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 09 Апрель 2015 - 19:55

Просмотр сообщенияAlekseys (09 Апрель 2015 - 19:41) писал:

В конец main.css Добавьте
.page_title span {
margin-left: -5px;
}
и меняя значение margin-left сместите влево или вправо.
Чего-то вообще ничего не меняется(((

#6 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 09 Апрель 2015 - 20:14

Просмотр сообщенияВиталий702 (09 Апрель 2015 - 19:55) писал:

Чего-то вообще ничего не меняется(((
Выполните внимательно инструкцию. чем меньше значение margin-left: -5px; тем левее заголовок. Чтобы сдвинуть его вправо, увеличьте значение этого параметра.

#7 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 10 Апрель 2015 - 09:21

Просмотр сообщенияAlekseys (09 Апрель 2015 - 20:14) писал:

Выполните внимательно инструкцию. чем меньше значение margin-left: -5px; тем левее заголовок. Чтобы сдвинуть его вправо, увеличьте значение этого параметра.
Я понял, спасибо! А можно как-нибудь в условии прописать, чтобы всегда было в центре? Как в Ворде "выравнивание по центру" по горизонтали и вертикали.

#8 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 10 Апрель 2015 - 09:32

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 09:21) писал:

Я понял, спасибо! А можно как-нибудь в условии прописать, чтобы всегда было в центре? Как в Ворде "выравнивание по центру" по горизонтали и вертикали.

Здравствуйте, без внесения изменений в виде отступа("margin", "margin-left"), надпись будет располагаться по центру

#9 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 10 Апрель 2015 - 09:59

Просмотр сообщенияCupuyc (10 Апрель 2015 - 09:32) писал:

Здравствуйте, без внесения изменений в виде отступа("margin", "margin-left"), надпись будет располагаться по центру
Вот! Спасибо Вам! А где их убрать эти маргин?)))

#10 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 10 Апрель 2015 - 10:23

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 09:59) писал:

Вот! Спасибо Вам! А где их убрать эти маргин?)))

Вы их могли добавить следуя инструкции выше:

Просмотр сообщенияAlekseys (09 Апрель 2015 - 19:41) писал:

В конец main.css Добавьте
.page_title span {
margin-left: -5px;
}
и меняя значение margin-left сместите влево или вправо.

На приложенном вами скриншоте, в начале темы, текст находится в центре

#11 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 10 Апрель 2015 - 10:55

Просмотр сообщенияCupuyc (10 Апрель 2015 - 10:23) писал:

Вы их могли добавить следуя инструкции выше:


На приложенном вами скриншоте, в начале темы, текст находится в центре
Эту инструкцию я убрал...

Прикрепленные изображения

  • 9.PNG


#12 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 10 Апрель 2015 - 11:15

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 10:55) писал:

Эту инструкцию я убрал...

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.nameWrp{
cursor:pointer;
padding: 10px 25px;
height: 95px;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow:hidden;
}

Замените его на:
.nameWrp{
cursor:pointer;
padding: 10px 25px;
height: 95px;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow:hidden;
display: table;
width: 100%;
}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
}

Замените его на:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
display: table-cell;
vertical-align: middle;
}


#13 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 10 Апрель 2015 - 11:37

Просмотр сообщенияCupuyc (10 Апрель 2015 - 11:15) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.nameWrp{
cursor:pointer;
padding: 10px 25px;
height: 95px;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow:hidden;
}

Замените его на:
.nameWrp{
cursor:pointer;
padding: 10px 25px;
height: 95px;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow:hidden;
display: table;
width: 100%;
}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
}

Замените его на:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
display: table-cell;
vertical-align: middle;
}
Благодарю Вас! Это я понял так, что для категории. А для названия товара можете подсказать?

Прикрепленные изображения

  • 06.PNG


#14 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 10 Апрель 2015 - 15:21

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 11:37) писал:

Благодарю Вас! Это я понял так, что для категории. А для названия товара можете подсказать?
Здравствуйте, для того что бы расположить название по середене блока
найдите в main.css
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 95px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table;
  width: 100%;
 }
замените на


.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 95px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}



#15 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 10 Апрель 2015 - 18:14

Здравствуйте! Помогите, пожалуйста, выровнять шапку названия товара.

Прикрепленные изображения

  • 66.PNG


#16 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 10 Апрель 2015 - 19:43

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 18:14) писал:

Здравствуйте! Помогите, пожалуйста, выровнять шапку названия товара.
Здравствуйте. В main.css замените
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 95px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
на
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 9em;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}


#17 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 10 Апрель 2015 - 20:48

Просмотр сообщенияВиталий702 (10 Апрель 2015 - 18:14) писал:

Здравствуйте! Помогите, пожалуйста, выровнять шапку названия товара.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
display: table-cell;
vertical-align: middle;
}

Замените его на:
.item .name , .cat_prod_hold .name{
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:white;
margin-bottom:5px;
}


В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 95px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

Замените его на:
.nameWrp {
  min-width: 200px;
  cursor: pointer;
  padding: 10px 25px;
  height: 95px;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}


#18 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 14 Апрель 2015 - 13:33

Просмотр сообщенияAlekseys (10 Апрель 2015 - 19:43) писал:

Здравствуйте. В main.css замените
.nameWrp {
cursor: pointer;
padding: 10px 25px;
height: 95px;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow: hidden;
display: table-cell;
width: 100%;
vertical-align: middle;
}
на
.nameWrp {
cursor: pointer;
padding: 10px 25px;
height: 9em;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow: hidden;
display: table-cell;
width: 100%;
vertical-align: middle;
}
Здравствуйте! Спасибо, все получилось! Но у меня ещё проблема встала с этим:

Прикрепленные изображения

  • 9696.PNG


#19 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 14 Апрель 2015 - 14:05

Просмотр сообщенияВиталий702 (14 Апрель 2015 - 13:33) писал:

Здравствуйте! Спасибо, все получилось! Но у меня ещё проблема встала с этим:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 9em;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

Замените на:
.nameWrp {
  cursor: pointer;
  padding: 10px 25px;
  height: 9em;
  background: #866E5F;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  overflow: hidden;
  display: inline-table;
  width: 100%;
  vertical-align: middle;
}


#20 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 14 Апрель 2015 - 14:44

Просмотр сообщенияfirefly (14 Апрель 2015 - 14:05) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.nameWrp {
cursor: pointer;
padding: 10px 25px;
height: 9em;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow: hidden;
display: table-cell;
width: 100%;
vertical-align: middle;
}

Замените на:
.nameWrp {
cursor: pointer;
padding: 10px 25px;
height: 9em;
background: #866E5F;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
overflow: hidden;
display: inline-table;
width: 100%;
vertical-align: middle;
}
Спасибо, получилось! Но теперь название товара не по центру...Помогите исправить, пожалуйста!

Прикрепленные изображения

  • было.PNG
  • стало.PNG





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных