Como diminuir a tag de promoções em frente à imagem do produto?

Gostaria de saber se tem alguma função nas próprias configurações da nuvemshop ou se tem algum código CSS que eu possa usar para diminuir o tamanho das tags de promoção que ficam em frente às imagens dos produtos na página inicial, porque realmente tapa metade da imagem o que deixa o visual da loja muito carregado.
Quem puder me ajudar agradeço muito.

(Layout Simple)

passa o link do site da sua loja

Aqui o link:

Olá boa noite, dei uma olhada e acredito que o que dá pra fazer via css são com estes códigos abaixo, além disso somente editando o código fonte.

Este altera o tamanha do texto “Comprando 2 ou mais un”

.label-small {
    padding: 0px 0px;
    font-size: 10px;
    text-transform: initial;
    line-height: normal; }

Este altera o tamanha do texto “15% OFF”, lembre-se que se em algum outra parte do código usar a tag h6 ela também terá o tamanho de fonte alterada.

h6, .h6 {
  font-size: 12px; }

Este limita a largura máxima do label onde contém as informações

.label-primary {
   top: 0px;
   max-width: 75px; }

Espero que ajude um pouco
Abs,
Rodrigo
www.dois87.com.br

1 Curtida

Esse recurso de mudar a foto do produto ao passar o mouse, tbm é código CSS?

Olá @donodarua,
Não é possível por css, somente com edição do código, veja e documento:
https://docs.nuvemshop.com.br/help/segunda-imagem-em-rolagem

Abs,

1 Curtida

@donodarua, tem um layout, que possui essa função nativamente mas não lembro qual é.

1 Curtida

Não lembro o nome, mas já vi mesmo.

Ah entendi sim, muito obrigada vai ajudar bastante!