Сообщений в теме: 11

[bimma]

Помогите, я не понимаю как.

Аккаунт SL-400160

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

• 

[Mr.Nito]

bimma (31 Июль 2017 - 01:52) писал:

Помогите, я не понимаю как.

Аккаунт SL-400160

В файле main.css
замените

/* Категории */

на

/* Категории */
.categories.row.index img {max-width: 100%;}
@media all and (min-width:992px) {
	.categories.row.index > div{width:20%} 
}

[bimma]

Mr.Nito (31 Июль 2017 - 09:29) писал:

В файле main.css
замените

/* Категории */

на

/* Категории */
.categories.row.index img {max-width: 100%;}
@media all and (min-width:992px) {
.categories.row.index > div{width:20%}
}

Спасибо, немного не то.... ))))))))
выглядеть стало не так как задумывалось


Теперь все блоки ''склеены'' в одну полоску.... всё сливается.... (пикча во вложении)
а хотелось бы,чтобы они находились на таком же расстоянии друг от друга и в серых рамках....
+ 2й блок куда-то съехал...

и расстояние до футера пропало...,  


Возможно вообще сделать?

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

• 

[bimma]

оставит всё такого же размера и т.д.

просто в один ряд

[Mr.Nito]

bimma (31 Июль 2017 - 12:22) писал:

Спасибо, немного не то.... ))))))))
выглядеть стало не так как задумывалось


Теперь все блоки ''склеены'' в одну полоску.... всё сливается.... (пикча во вложении)
а хотелось бы,чтобы они находились на таком же расстоянии друг от друга и в серых рамках....
+ 2й блок куда-то съехал...

и расстояние до футера пропало...,  


Возможно вообще сделать?

Такое отображение быть не должно, возможно код был заменён не верно.

Замените код на

.categories.row.index img {max-width: 100%;}
@media all and (min-width:992px) {
.categories.row.index > div{width:20%}
.categories .item .title {display:flex;justify-content:center;align-items:center;min-heigth:60px;white-space: normal;text-overflow: ellipsis;}
}

Результат:

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

• 

[bimma]

Mr.Nito (31 Июль 2017 - 12:50) писал:

Такое отображение быть не должно, возможно код был заменён не верно.

Замените код на

.categories.row.index img {max-width: 100%;}
@media all and (min-width:992px) {
.categories.row.index > div{width:20%}
.categories .item .title {display:flex;justify-content:center;align-items:center;min-heigth:60px;white-space: normal;text-overflow: ellipsis;}
}

Результат:

У Вас всё как надо получилось))

У меня не получается....
Простите... я совсем ещё нуб в этом, видимо неправильно вставляю выделенный код.....

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

• 

[Mr.Nito]

bimma (31 Июль 2017 - 13:23) писал:

У Вас всё как надо получилось))

У меня не получается....
Простите... я совсем ещё нуб в этом, видимо неправильно вставляю выделенный код.....

Код заменил самостоятельно

[Mr.Nito]

bimma (31 Июль 2017 - 13:23) писал:

У Вас всё как надо получилось))

У меня не получается....
Простите... я совсем ещё нуб в этом, видимо неправильно вставляю выделенный код.....

Код заменил самостоятельно

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

• 

[bimma]

Mr.Nito (31 Июль 2017 - 13:51) писал:

Код заменил самостоятельно

заметил)
СПАСИБО Вам большое..... !!!!!!!!!!!!!!! дальше допилю уже спокойно))

[bimma]

Mr.Nito (31 Июль 2017 - 13:51) писал:

Код заменил самостоятельно

Мистер Нито, хелпните ещё раз.... я где-то накосячил, не знаю где....
Во 2 нижнем блоке теперь с текстом трабл.

Не подскажите, как можно исправить?

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

• 

[Mr.Nito]

bimma (31 Июль 2017 - 16:16) писал:

Мистер Нито, хелпните ещё раз.... я где-то накосячил, не знаю где....
Во 2 нижнем блоке теперь с текстом трабл.

Не подскажите, как можно исправить?

Перенёс код из инструкции ниже перед

/* Товары таблицей */

[bimma]

Mr.Nito (31 Июль 2017 - 17:13) писал:

Перенёс код из инструкции ниже перед

/* Товары таблицей */

Дай Вам Бог Здоровья