diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index d3ef137..e8bf9af 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -21,4 +21,8 @@ line-height: 25px; text-align: center; color: #000000; +} + +.containerNormal { + max-width: 314px !important; } \ No newline at end of file diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 297fd6f..2b7ad81 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -27,8 +27,20 @@ background: transparent; } +.sliderLayoutContainer--shelf { + padding-left: 40px !important; + padding-right: 40px !important; + display: flex; + justify-content: center; +} + +.sliderTrackContainer--shelf { + max-width: 1304px; +} + .sliderLeftArrow--shelf { visibility: hidden; + margin-left: 17px; } .sliderLeftArrow--shelf::after { visibility: visible; @@ -37,6 +49,7 @@ .sliderRightArrow--shelf { visibility: hidden; + margin-right: 17px; } .sliderRightArrow--shelf::before { visibility: visible; diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss index bf3149b..8fd4851 100644 --- a/styles/sass/pages/product/vtex.product-summary.scss +++ b/styles/sass/pages/product/vtex.product-summary.scss @@ -12,3 +12,7 @@ text-align: center; color: $color-black; } + +.containerNormal { + max-width: 314px !important; +} diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 940aa5c..8812274 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -17,8 +17,20 @@ background: transparent; } +.sliderLayoutContainer--shelf { + padding-left: 40px !important; + padding-right: 40px !important; + display: flex; + justify-content: center; +} + +.sliderTrackContainer--shelf { + max-width: 1304px; +} + .sliderLeftArrow--shelf { visibility: hidden; + margin-left: 17px; &::after { visibility: visible; @@ -28,6 +40,7 @@ .sliderRightArrow--shelf { visibility: hidden; + margin-right: 17px; &::before { visibility: visible;