Описание

.aplus-v2 .apm-brand-story-carousel-container {

позиция: относительная;

}

.aplus-v2 .apm-brand-story-carousel-hero-container,

.aplus-v2 .apm-brand-story-carousel-hero-container > div {

положение: абсолютное;

ширина: 100%;

}/*

Обеспечение того, чтобы карусель занимала только необходимое ей пространство.

Размеры необходимо снова установить для абсолютно расположенных элементов, чтобы они могли занимать больше места.

*/

.aplus-v2 .apm-бренд-история-карусель-контейнер,

.aplus-v2 .apm-бренд-история-карусель-герой-контейнер {

высота: 625 пикселей;

ширина: 100%;

максимальная ширина: 1464 пикселей;

поле слева: авто;

правое поле: автоматическое;

переполнение: скрыто;

}

/*

При этом карусель центрируется вертикально поверх контейнера с изображением героя и после области логотипа (125 пикселей).

Margin-top = (высота героя - высота карты - высота логотипа) / 2 + Высота логотипа

*/

.aplus-v2 .apm-бренд-история-карусель .a-карусель-строка-внутренняя{

верхнее поле: 149 пикселей;

}

/*

У карточек должна быть задана ширина, в противном случае по умолчанию она равна 50px или около того.

Все карточки должны иметь одинаковую ширину.Карусель изменит размер сама себя, чтобы все карточки имели ширину самой большой карточки.

Левое поле предназначено для того, чтобы оставить пробел между каждой карточкой.

*/

.aplus-v2 .apm-brand-story-carousel .a-carousel-card {

ширина: 362 пикселя;

поле слева: 30 пикселей !важно;

}

/* измените дизайн кнопок навигации, чтобы они были выше, располагались на одном уровне с боковыми сторонами и имели чистый белый фон */

.aplus-v2 .apm-бренд-история-карусель .a-карусель-col.a-карусель-слева,

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-справа {

отступ: 0 пикселей;

}

.aplus-v2 .apm-бренд-история-карусель .a-карусель-кол.a-карусель-слева .a-кнопка-изображение,

.aplus-v2 .apm-бренд-история-карусель .a-карусель-справа.a-карусель-кнопка-изображение {

граница: отсутствует;

поле: 0 пикселей;

}

.aplus-v2 .apm-бренд-история-карусель .a-карусель-кол.a-карусель-слева .a-кнопка-изображение .a-кнопка-внутренняя,

.aplus-v2 .apm-бренд-история-карусель .a-карусель-справа .a-кнопка-изображение .a-кнопка-внутренняя {

фон: #fff;

отступ: 20 пикселей на 6 пикселей;

}

.aplus-v2 .apm-бренд-история-карусель .a-карусель-кол.a-карусель-слева .a-кнопка-изображение .a-кнопка-внутренняя {

радиус границы: 0px 4px 4px 0px;

}

.aplus-v2 .apm-бренд-история-карусель .a-карусель-справа .a-кнопка-изображение .a-кнопка-внутренняя {

радиус границы: 4px 0px 0px 4px;

}

Отзывы

Будьте тем, кто сделает обзор

Оставьте свой собственный отзыв

Ваши адреса электронной почты опубликованы не будут.Обязательные поля отмечены *

1 2 3 4 5