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


Выровнять По Высоте Фото И Стрелки "влево-Вправо" В Товаре


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 02 Май 2015 - 17:31

Здравствуйте.

Давно заметил, что фото отображается неровно, выше чем нужно. И стрелки тоже:

Goods_photos.png

Видать, шаблон настроен неровно.

Хотелось бы, чтобы:

1. Стрелки сдвинулись на 4 пикселя вниз.

2. Фото сдвинулось на 16 пикселей вниз.

Тогда всё должно получиться красиво.

#2 Danil

Danil

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

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

Отправлено 02 Май 2015 - 17:42

Просмотр сообщенияAndrew S. (02 Май 2015 - 17:31) писал:

Здравствуйте.

Давно заметил, что фото отображается неровно, выше чем нужно. И стрелки тоже:

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

Видать, шаблон настроен неровно.

Хотелось бы, чтобы:

1. Стрелки сдвинулись на 4 пикселя вниз.

2. Фото сдвинулось на 16 пикселей вниз.

Тогда всё должно получиться красиво.
Здравствуйте.
1) В main.css найдите код
.owl-prev, .owl-next, .page-next, .page-prev {
  position: absolute;
  top: 45%;
  width: 30px;
  height: 36px;
  opacity: .5;
}
изменяйте top
2) В forall.css найдите код
#owl-one-slider-tovar .item {
  display: block;
  margin: 0 auto;
  height: 70%;
  margin-top: 9%;
}
изменяйте margin-top

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 02 Май 2015 - 18:07

Просмотр сообщенияDanil (02 Май 2015 - 17:42) писал:

Здравствуйте.
1) В main.css найдите код
.owl-prev, .owl-next, .page-next, .page-prev {
position: absolute;
top: 45%;
width: 30px;
height: 36px;
opacity: .5;
}
изменяйте top
2) В forall.css найдите код
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
height: 70%;
margin-top: 9%;
}
изменяйте margin-top

Спасибо, всё чётко!

#4 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 03 Май 2015 - 20:43

Запишу на память код:

1. main.css
.owl-prev, .owl-next, .page-next, .page-prev {
	position: absolute;
	top: 46%;
	width: 30px;
	height: 36px;
	opacity: .5
}

2. forall.css
#owl-one-slider-tovar .item{display:block;margin:0 auto;height:70%;margin-top:11.8%;}





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

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