Destacar valor do boleto

Olá pessoal,
boa tarde
Tudo bem? :smile:

Teria como eu dar um destaque nesse valor do boleto (marcado em azul na imagem)

Como talvez deixar como está, porém em negrito?
*somente na página inicial e nas páginas de categorias
Sou leiga nesse assunto de códigos rsrs

Obrigada :slight_smile:

oi, tudo bem @voller.

Tem como sim.

Você vai em Layout > Inserir código > Lá no último quadro (de css).
Insere o código abaixo:

.prices__discount span {
  font-weight: bold !important;
  font-size: 120% !important;
}

Lembrando que se quiser aumentar mais o tamanho da fonte, basta aumentar onde eu coloquei 120%. Se colocar 130 ou 140 ou aumentar conforme deseja, esse campo vai ficando maior, ta!

Ficou como queria?

Abraço! :blush:

1 curtida

@thais na mesma pegada qual o código eu poderia usar para destacar o valor do produto na própria página dele, colocando em vermelho (ou outra cor) como o destaque do parcelamento?
image

Obrigado pela ajuda!

@thais, aqui deu tudo certo…
Muito obrigada :slight_smile:

1 curtida

oi @Carlos, tudo bem?

Desculpa a demora. Para colocar cor pode usar o código abaixo:

.prices__installments span {
  font-weight: bold !important;
  color:#b20000 !important;
}

Se quiser aumentar o tamanho, só acrescentar a linha font-size: 120% !important;

E também pode colocar a cor que quiser. Eu usei a mesma que você enviou no exemplo, ta!

Qualquer dúvida, me chama aqui!

Abraço! :blush:

1 curtida

@thais, eu consigo mudar nessa página do produto também, queria deixar o valor do boleto em preto, e deixar sutilmente maior, será possível?

mudar

Obrigada e agradeço desde já!! :ribbon:

oi @voller, tudo bem?

O Código que te enviei já alterou o tamanho dele… (aumenta o percentual pra vc ver quer vai aumentar ai).
Para colocar a cor Preta, basta incluir na linha que te mandei isso aqui:

color: #000

O Código completo ficará:

.prices__discount span {
  font-weight: bold !important;
  font-size: 120% !important;
  color: #000;
}

Oii @thais, então o código que pedi agora é pra outra página rsrs
Antes eu pedi para página inicial e para as categorias, agora estou pedindo direto para a página do produto, como na imagem :slight_smile:

Sim, mas é que o seletor é o mesmo. :sweat_smile:

O preço do produto seu já esta em negrito e maior… Se tirar aquele que te mandei, pode ver que vai diminuir o tamanho…

Agora se vc quer aumentar mais ainda SÓ o do cadastro do produto, faz o seguinte:

#product-actions .prices__discount span {
  font-weight: bold !important;
  font-size: 140% !important;
  color: #000 !important;
}

Veja que nesse eu coloquei 140%, porque se você aplicou o código que eu te mandei antes, ele já estava em 120%.
O que tem de diferente, é que agora nesse seletor, eu especifiquei mais, coloquei para SOMENTE NO PRODUTO ABERTO…

Ah: E você precisa colocar esse código POR ULTIMO, ta!

Qualquer coisa, estou por aqui! Abraço! :+1: :+1:

Oi @thais, coloquei o código no CSS conforme sua orientação, mas não alterou nada :cry:

Desculpa @Carlos!!!

Eu li errado. Vc quer mudar o preço do produto :upside_down_face:

é o código abaixo:

#product-actions .prices__value {
  font-weight: bold !important;
  color:#b20000 !important;
}
1 curtida

kkkk sem problemas, muito obrigado