Fonte da descrição do produto

Layout
1

Olá.

Estou usando um dos temas grátis GOOGLE disponibilizados pela LI em minha loja.

Não entendo porque a fonte da descrição do meu produto não segue a configuração que deixei nas opções do VISUAL DA LOJA. Lá deixei ambas como RALEWAY.

Ao editar o texto no produto deixei:
Formatação: Normal
Fonte: Padrão
Tamanho: Padrão

Mas não está seguindo a fonte RALEWAY das configurações.

descricao
descricao924×305 7.83 KB

Alguém pode me ajudar ou com algum código para a formatação se necessário?

Obrigado!

4

A fonte que está configurada no ROOT é a Roboto.
Abaixo segue como alterar:

#descricao{
font-family: RALEWAY;
}

Insira no seu CSS

2 curtidas
5

Olá, obrigado por responder!
Eu inseri o código até com !important mas não funcionou!

raleway
raleway1085×1352 167 KB

Não entendo muito, mas deve estar lendo as configurações do CSS do tema grátis da GOOGLE.

No Menu, nos títulos dos produtos, faço as mudanças no Visual da Loja e eles mudam perfeitamente. Mas na descrição não.

6

desc
desc1568×756 64.8 KB

Alguém consegue me ajudar a remover/desabilitar a seleção da fonte nestas 2 áreas para ficar a fonte Raleway? Já resolveria 99% das minhas dúvidas para melhorar o layout.

.g_ .abas-custom .tab-content, .g_ .abas-custom .tab-content *, .g_ .pagina-pagina #corpo .titulo + div *, .g_ .pagina-pagina .titulo + div {
 
? font-family: var(--ff) !important;

a, button, div, h1, h2, h3, h4, h5, h6, label, p, span {
 ? font-family: var(--ff),sans-serif;
}
1 curtida
7

pode ser assim!

CSS

a, button:not([class*='icon']), div, h1, h2, h3, h4, h5, h6, label, p, span,
.g_ .abas-custom .tab-content,
.g_ .abas-custom .tab-content *, 
.g_ .pagina-pagina #corpo .titulo+div *,
.g_ .pagina-pagina .titulo+div {
    font-family: 'Raleway','sans-serif'!important;
}

image
image1270×818 132 KB

2 curtidas
9

Agradeço imensamente a ajuda Leonardo!

O código funcionou em quase todos as áreas, mas não sei o motivo do texto da descrição dos produtos ainda continua com a outra fonte.

10

Olá Leonardo!

Notei hoje que esse código ele (desapareceu) com:

  1. Seta da opção de parcelamento (na página do produto)
  2. Ícone da lixeira e setas de -/+ (no carrinho)

icones
icones1224×458 75.5 KB

Alguma ideia de como resolver?
Obrigado!

11

mude o CSS acima para esse

a:not([class*='icon']), 
button:not([class*='icon']), 
div, h1, h2, h3, h4, h5, h6, label, p, span:not([class*='icon']), 
.g_ .abas-custom .tab-content, 
.g_ .abas-custom .tab-content *:not([class*='icon']), 
.g_ .pagina-pagina #corpo .titulo+div *:not([class*='icon']), 
.g_ .pagina-pagina .titulo+div {
    font-family: 'Raleway','sans-serif'!important;
}
3 curtidas