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


Как Убрать Пустоту И Выровнить По Центру


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

#1 Alan

Alan

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

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

Отправлено 18 Ноябрь 2014 - 11:49

вот..выровнить текст по центру и пустоту эту убрать ..

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

  • Безымянный.png


#2 Alekseys

Alekseys

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

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

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

Просмотр сообщенияAlan (18 Ноябрь 2014 - 11:49) писал:

вот..выровнить текст по центру и пустоту эту убрать ..
Здравствуйте. В main.css замените
.name{text-align:left;margin:10px 10px 0 10px;height:75px;overflow:hidden;}
на
.name{text-align:center;margin:10px 10px 0 10px;overflow:hidden;}


#3 Alan

Alan

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

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

Отправлено 18 Ноябрь 2014 - 15:21

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

Здравствуйте. В main.css замените
.name{text-align:left;margin:10px 10px 0 10px;height:75px;overflow:hidden;}
на
.name{text-align:center;margin:10px 10px 0 10px;overflow:hidden;}
спасибо большущее! а на главной в карусели??

#4 RayLi

RayLi

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

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

Отправлено 18 Ноябрь 2014 - 15:37

Просмотр сообщенияAlan (18 Ноябрь 2014 - 15:21) писал:

спасибо большущее! а на главной в карусели??
Здравствуйте.
Для этого в шаблоне main.css найдите код:
.new-name {
text-align: center;
margin: 5px 0 0 10px;
height: 75px;
overflow: hidden;
}
И замените этим кодом:
.new-name {
text-align: center;
margin: 5px 0 0 10px;
overflow: hidden;
}


#5 AlexTex

AlexTex

    Новичок

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

Отправлено 12 Ноябрь 2015 - 14:49

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

Здравствуйте. В main.css замените
.name{text-align:left;margin:10px 10px 0 10px;height:75px;overflow:hidden;}
на
.name{text-align:center;margin:10px 10px 0 10px;overflow:hidden;}

Добрый день!
Делаю также, а именно удаляю атрибут "height:75px" с целью убрать пустоту, но в результате в каталоге товаров , карточки располагаются не ровно (см.скрин)

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

  • Скрин_сторленд.png


#6 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 12 Ноябрь 2015 - 15:30

Просмотр сообщенияAlexTex (12 Ноябрь 2015 - 14:49) писал:

Добрый день!
Делаю также, а именно удаляю атрибут "height:75px" с целью убрать пустоту, но в результате в каталоге товаров , карточки располагаются не ровно (см.скрин)

Здравствуйте! В шаблоне main.css найдите строку
.name{text-align:left; margin:10px 10px 0 10px; overflow:hidden;}
и замените на:
.name{text-align:left; margin:10px 10px 0 10px; overflow:hidden;height: 43px;}
43px - это минимальная высота в Вашем случае, при которой карточки товара будут одинаковы по высоте.

Есть второй вариант решения данной проблемы. Карточки товаров становятся разными по высоте в том случае, когда название товара не умещается в одну строку. Вторую строку можно скрыть. Для этого в том же шаблоне строку
.name{text-align:left; margin:10px 10px 0 10px; overflow:hidden;}
оставьте без изменений, а строку
.prodName{color:#666;transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;}
замените на:
.prodName{color:#666;transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;  height: 25px; display:inline-block; max-width:220px;overflow:hidden;}





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

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