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

[Denis22]

Здравствуйте!
Подскажите пожалуйста как:
1) Расширить блоки в каталоге, что бы помещалось полное название товара
2) Уменьшить 3 кнопки которые появляются при наведении на товар в блоке "Вы смотрели"
3) Уменьшить кнопки которые появляются при наведении на товар в каталоге

[Ирина345]

Denis22 (16 Февраль 2015 - 13:42) писал:

Здравствуйте!
Подскажите пожалуйста как:
1) Расширить блоки в каталоге, что бы помещалось полное название товара
2) Уменьшить 3 кнопки которые появляются при наведении на товар в блоке "Вы смотрели"
3) Уменьшить кнопки которые появляются при наведении на товар в каталоге
Безымянный.jpg
22.jpg

Здравствуйте,
1.найдите в main.css

.nameWrp{
cursor:pointer;
padding: 10px 25px;
height: 52px;
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;
height: 128px;
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;
}

2 далее найдите

.recentButtons {
position: absolute;
left:-1000%;
bottom: -5px;
width: 100%;
background:white;
color: black;
height: 0px;
transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-ms-transition:all 0.35s ease;
transform:skew(-20deg);
overflow:hidden;
}

замените на

.recentButtons {
position: absolute;
left:-1000%;
bottom: -5px;
width: 62%;
background:white;
color: black;
height: 0px;
transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-ms-transition:all 0.35s ease;
transform:skew(-20deg);
overflow:hidden;
}

[Denis22]

Ирина345 (16 Февраль 2015 - 17:40) писал:

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

Спасибо большое, а как быть с проблемой на первой скриншоте?

[Ирина345]

Denis22 (16 Февраль 2015 - 18:10) писал:

Спасибо большое, а как быть с проблемой на первой скриншоте?

найдите в main.css

a.details {
margin-top: 70px;
display: block;
}

замените на

a.details {
margin-top: 5px;
display: block;
}

[Denis22]

Ирина345 (16 Февраль 2015 - 20:31) писал:

найдите в main.css

a.details {
margin-top: 70px;
display: block;
}

замените на

a.details {
margin-top: 5px;
display: block;
}

Спасибо большое, все получилось