diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 6d986cb..03d3f6a 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -272,8 +272,8 @@ } [class*="imageNormal"] { - max-width: 434.4px; - max-height: 434.4px; + width: 434.4px; + height: 434.4px; } [class*="newsletter"] { @@ -370,3 +370,72 @@ border: none; margin-top: -76px; } + +[class*="discountInsideContainer"] { + display: none; +} + +[class*="vtex-slider-layout-0-x-slide--shelf "] + :global(.vtex-product-summary-2-x-productBrand) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 25px; + text-align: center; + color: #000000; +} + +[class*="vtex-slider-layout-0-x-slide--shelf "] + :global(.vtex-product-summary-2-x-productNameContainer) { + width: 282.4px; + height: 50px; + text-align: center; +} + +[class*="vtex-slider-layout-0-x-slide--shelf "] + :global(.vtex-store-components-3-x-sellingPrice) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 24px; + line-height: 33px; + text-align: center; + color: #000000; +} + +[class*="vtex-slider-layout-0-x-slide--shelf "] + :global(.vtex-store-components-3-x-listPrice) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-align: center; + text-decoration-line: line-through; +} +[class*="vtex-slider-layout-0-x-slide--shelf "] + :global(.vtex-store-components-3-x-installmentsPrice) { + font-size: 0; +} + +[class*="paginationDotsContainer"] + :global(.vtex-slider-layout-0-x-paginationDot--isActive) { + background: white !important; + border: 0.5px solid #000000; +} + +[class*="paginationDotsContainer"] + :global(.vtex-slider-layout-0-x-paginationDot) { + background: black; +} + +[class*="paragraph"] { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 38px; + text-align: center; + color: #575757; +}