Bom dia!
Tudo certo?
Estamos com um ajuste a fazer na cor da fonte que apresenta na calculadora de frete, hoje não conseguimos visualizar o texto, pois a cor da fonte está escura:
Tem como mudar a cor da frase ali no texto, para a cor branca por exemplo?
Pode nos indicar como fazer ?
O ideal seria aparecer o texto conforme abaixo, com uma fonte de cor clara:
Bom dia, tudo bem?
A cor do até 3 dias úteis e do Grátis é a mesma, a diferença apenas é a largura da fonte. Uma é negrito e a outra não, quer que deixe a largura um pouco maior pra ficar mais claro e visível?
Tudo certo, e vc?
Então não é a cor da fonte em si, e sim o tamanho dela, isso?
Se sim, ajustar dessa maneira o texto ficar visível, como fazemos?
Abs!
É a largura no caso, porque o tamanho é o mesmo também. Coloque o código abaixo em Inserir Código > Editar CSS:
@media(min-width: 767px) {
.shipping-calculator__option .shipping-line {
max-width: 50%
}
.shipping-calculator__option small {
display: flex;
justify-content: flex-end;
max-width: 50%;
line-height: 2
}
}
.shipping-calculator__option span {
font-weight: 600
}
Blz Matheus, nós inserimos no nosso editor CSS as linhas de código como indicou, porém estas somente quebraram o texto, ainda não ficou visivel para leitura, veja:
Ideal é que a fonte ficasse na cor dos demais textos em branco, e com a frase por extenso sem essa quebra de linha, exatamente assim quando fica selecionado o texto, por exemplo:
Tem como?
abs
Só colocar essa parte aqui:
.shipping-calculator__option span {
font-weight: 600 !important
}
Retira a anterior no caso.
certo, feito dessa maneira no editor, agora o texto aparece por extenso em uma linha somente, mas quando selecionado a cor fica invisivel para leitura ainda. Nesse caso inverter as cores do botão não seria uma melhor opção? Quando selecionar, a fonte toda ficar em branco, inclusive a frase:
frete sem selecionar
selecionando o frete:
.list-group-item-action.active .shipping-line > small {
color: #fff !important;
}