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


Уехал Слайдер

слайдер

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

#1 ESM

ESM

    Пользователь

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

Отправлено 31 Октябрь 2014 - 13:28

Доброго времени суток.

Изменил размеры банера, с стандартного  1920х550 на 1200х237. В итоге - слайдер ровняется по левой стороне. Помогите выровнить его по центру.
На 1 картинке - то как оно есть сейчас. На второй - как должно быть.
Заранее благодарен.

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

  • 1.jpg
  • 2.jpg


#2 MikDark

MikDark

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

  • Модераторы
  • 6 398 сообщений

Отправлено 31 Октябрь 2014 - 14:13

Просмотр сообщенияESM (31 Октябрь 2014 - 13:28) писал:

Доброго времени суток.

Изменил размеры банера, с стандартного  1920х550 на 1200х237. В итоге - слайдер ровняется по левой стороне. Помогите выровнить его по центру.
На 1 картинке - то как оно есть сейчас. На второй - как должно быть.
Заранее благодарен.

В шаблоне main.css найдите код:
#header .flexslider li .bigPic {
display: none !important;
position: relative;
top: 0;
margin: 0 auto;
top: 0;
left: 50%;
margin-left: -960px;
}

и замените на:
#header .flexslider li .bigPic {
display: none !important;
position: relative;
top: 0;
margin: 0 auto;
top: 0;
}


#3 ESM

ESM

    Пользователь

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

Отправлено 31 Октябрь 2014 - 14:47

Просмотр сообщенияMikDark (31 Октябрь 2014 - 14:13) писал:

В шаблоне main.css найдите код:
#header .flexslider li .bigPic {
display: none !important;
position: relative;
top: 0;
margin: 0 auto;
top: 0;
left: 50%;
margin-left: -960px;
}

и замените на:
#header .flexslider li .bigPic {
display: none !important;
position: relative;
top: 0;
margin: 0 auto;
top: 0;
}

Уже лучше, но все равно не то. Не встает как надо.

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

  • 1.jpg


#4 ESM

ESM

    Пользователь

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

Отправлено 31 Октябрь 2014 - 14:55

Необходимо сделать как на http://androidminipc.ru/

#5 MikDark

MikDark

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

  • Модераторы
  • 6 398 сообщений

Отправлено 31 Октябрь 2014 - 14:59

Просмотр сообщенияESM (31 Октябрь 2014 - 14:55) писал:

Необходимо сделать как на http://androidminipc.ru/

Изменения произвели. У Вас ширина изображений была указана без px

#6 ESM

ESM

    Пользователь

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

Отправлено 31 Октябрь 2014 - 15:22

Просмотр сообщенияMikDark (31 Октябрь 2014 - 14:59) писал:

Изменения произвели. У Вас ширина изображений была указана без px

Огромное спасибо :)

#7 mayan

mayan

    Новичок

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

Отправлено 13 Ноябрь 2014 - 16:20

Просмотр сообщенияMikDark (31 Октябрь 2014 - 14:59) писал:

Изменения произвели. У Вас ширина изображений была указана без px
Здравствуйте, у меня такая же проблема со слайдером, уехал влево, а хотелось бы посередине. http://garammasala.ru/

#8 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 13 Ноябрь 2014 - 16:36

Просмотр сообщенияmayan (13 Ноябрь 2014 - 16:20) писал:

Здравствуйте, у меня такая же проблема со слайдером, уехал влево, а хотелось бы посередине. http://garammasala.ru/
Здравствуйте. В main.css замените
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}
на
#module_area {
width: 70%;
text-align: center;
padding: 5px 0;
margin: auto;
}
и
.flexslider .slides img {
width: 70%;
display: block;
height: 300px;
}
замените на
.flexslider .slides img {
width: 100%;
display: block;
height: 300px;
}


#9 mayan

mayan

    Новичок

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

Отправлено 13 Ноябрь 2014 - 16:57

Просмотр сообщенияAlekseys (13 Ноябрь 2014 - 16:36) писал:

Здравствуйте. В main.css замените
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}
на
#module_area {
width: 70%;
text-align: center;
padding: 5px 0;
margin: auto;
}
и
.flexslider .slides img {
width: 70%;
display: block;
height: 300px;
}
замените на
.flexslider .slides img {
width: 100%;
display: block;
height: 300px;
}
Спасибо, большое все получилось.





Темы с аналогичным тегами слайдер

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

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