.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-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { высота: 625 пикселей; ширина: 100%; максимальная ширина: 1464 пикселей; поле слева: автоматическое; поле справа: автоматическое; переполнение: скрытое; } /*
Это центрирует карусель вертикально поверх контейнера с изображением героя и после области логотипа (125 пикселей).Margin-top = (Высота героя - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{ margin-top: 149 пикселей; } /*
У карточек должна быть задана ширина, в противном случае по умолчанию она равна 50px или около того.Все карточки должны иметь одинаковую ширину.Карусель изменит размер сама себя, чтобы все карточки имели ширину самой большой карточки.Левое поле предназначено для того, чтобы оставить пробел между каждой карточкой. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { ширина: 362px; поле слева: 30px!важно; } /* оформите кнопки навигации так, чтобы они были выше, располагались на одном уровне с боковинами и имели чистый белый фон */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand -story-carousel .a-carousel-col.a-carousel-right { отступ: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { граница: отсутствует; поле: 0px; } .aplus -v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-слева .a-button-изображение .a-button-внутренняя, .aplus-v2 .apm-brand-story-carousel .a-carousel-col .a-carousel-справа .a-button-изображение .a-button-внутренняя { фон: #fff; отступ: 20x6 пикселей; } .aplus-v2 .apm-brand-story-carousel .a- carousel-col.a-carousel-слева .a-кнопка-изображение .a-кнопка-внутренняя { радиус границы: 0px 4px 4px 0px; } .aplus-v2 .apm-история бренда-carousel .a-карусель-col.a-карусель-справа .a-кнопка-изображение .a-кнопка-внутренняя { радиус границы: 4px 0px 0px 4px; }
