Como consegui mudar a cor, o tamanho e caracteristicas do preço do Produto e do preco de Comparação:
Preço do Produto:
1) Abra o arquivo timber.scss.liquid, dentro da pasta Assets.
2) Dê um Ctrl+F e procure por: .product-single__price.on-sale
3) Você irá encontrar:
font-size: em(AApx);
color: #BBBBBB;
4) Mude os valores. Em AA vc altera o tamanho e em BBBBBB vc altera a cor.
Para alterar a cor, pesquisa os códigos de cores no google. Ex: O tom verde puro é: #00FF00
Para alterar o tamanho, mude o valor de AA até que te agrade. Ex: Mude 25px e olhe na pre visualização.
Preço de Comparação:
1) Abra o arquivo timber.scss.liquid, dentro da pasta Assets.
2) Dê um Ctrl+F e procure por: .product-single__price--compare-at
Aqui você vai encontrar dois, entre onde tive apenas ele. Aqui a linha é 3235. Mas varia pq ja fiz alterações no meu codigo.
3) Você irá encontrar:
padding-right: CCpx;
display: inline-block;
text-decoration: line-through;
font-size: em(AApx);
color: #BBBBBB;
4) Mude os valores. Em AA vc altera o tamanho e em BBBBBB vc altera a cor.
Para alterar a cor, pesquisa os códigos de cores no google. Ex: O tom vermelho puro é: #FF0000
Para alterar o tamanho, mude o valor de AA até que te agrade. Ex: Mude 25px e olhe na pre visualização.
5) Aqui vc consegue mudar o espaçamento entre o Preco do Produto e o preço de Comparação em: padding-right: CCpx . Mude o valor d CC, por exemplo: 10px. E teste até te agradar.