@lukaizh na verdade sua questão está relacionada a CSS e não propriamente sobre o WordPress.
Portanto, caso o tema que está usando no site não tenha configurações para as fontes, sugiro que acesse o painel administrativo em Aparência/Personalizar/CSS Personalizado, adicione o seguinte:
/* Aumenta tamanho dos preços */
span.woocommerce-Price-amount.amount {
font-size: 20px;
}
/* Diminui tamanho do título dos produtos */
h2.woocommerce-loop-product__title {
font-size: 15px
}
Altere os valores de acordo com o que precisa (maior ou menos).
Criador do tópico
lukaizh
(@lukaizh)
Então tentei este código, o do preço até que funcionou mais o código do titulo não deu certo, ainda continua grade mesmo diminuindo os px.
olá @lukaizh,
por favor, experimente uma mudança no código,
/* Diminui tamanho do título dos produtos */
.woocommerce-loop-product__title {
font-size: 15px
}
felicidades e boa sorte,
Criador do tópico
lukaizh
(@lukaizh)
Boa noite,
o Código para diminuir o tamanho do título dos anúncios não funcionaram, queria aproveitar para perguntar onde e se consigo mudar direto no editor a cor da fonte da top-bar para branca ao invés de preto como está o fundo.
E também como mudar a cor do hover abaixo de comprar que está na cor laranja.
e o hover dos menus categorias que está laranja também quando passa o mouse emcima.
-
Esta resposta foi modificada 6 anos atrás por lukaizh.
olá @lukaizh,
seu tema não possui um painel de controle? por vezes ou aparece no menu lateral da área de administração do WordPress ou dentro do menu “Aparência”.
quando não existe esse painel, as opções ficam em Aparência > Personalizar.
sugiro que veja todas as seções dentro dessa área “Personalizar”, pois mesmo os temas mais simples tem ajustes aqui, como Cabeçalho (Header), Rodapé (Footer), postagens, menus, widgets. sugiro isso pois muitos itens costumam ter a gestão de cor, como backgroud do site, textos e menu. no caso, deveria haver uma opção para hover.
pois o CSS Adicional é um recurso quando não está disponível no painel. senão no futuro irá mexer no painel e não funcionará e não se lembrará que não está funcionando porque adicionou CSS. e o CSS Adicional tem prioridade sobre qualquer outro CSS do tema.
acredito que a top-bar conseguiu alterar, pois está com o fundo branco.
sobre a cor laranja no hover do menu, caso não tenha opção no painel do tema ou Personalizar, acredito que o código abaixo funcione,
/* para o menu no topo da página */
.cactus-header .cactus-main-nav a:hover {
color: #ffcc00; /*coloque o código hexa da cor que deseja*/
}
/* para linha abaixo do botão COMPRAR */
.woocommerce a.button.add_to_cart_button:hover {
color: #ffcc00; /*coloque o código hexa da cor que deseja*/
}
/* para widgets no final da página */
.widget-box a:hover {
color: #ffcc00; /*coloque o código hexa da cor que deseja*/
}
felicidades e boa sorte,
@ralden