diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 979c318..d3ef137 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -20,5 +20,5 @@ font-weight: 400; line-height: 25px; text-align: center; - color: #292929; + color: #000000; } \ No newline at end of file diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 6b45fd8..297fd6f 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -15,7 +15,7 @@ } .paginationDot--shelf { - background: #292929; + background: #000000; width: 10px !important; height: 10px !important; } @@ -23,6 +23,22 @@ .paginationDot--shelf--isActive { width: 17px !important; height: 17px !important; - border: 0.5px solid #292929; + border: 0.5px solid #000000; background: transparent; +} + +.sliderLeftArrow--shelf { + visibility: hidden; +} +.sliderLeftArrow--shelf::after { + visibility: visible; + content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png"); +} + +.sliderRightArrow--shelf { + visibility: hidden; +} +.sliderRightArrow--shelf::before { + visibility: visible; + content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png"); } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 3850792..940aa5c 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -16,3 +16,21 @@ border: 0.5px solid $color-black; background: transparent; } + +.sliderLeftArrow--shelf { + visibility: hidden; + + &::after { + visibility: visible; + content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png"); + } +} + +.sliderRightArrow--shelf { + visibility: hidden; + + &::before { + visibility: visible; + content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png"); + } +}