Por padrão o simulador de frete dos correios (Plugin para WooCommerce) não vem com o CSS estilizado na página dos produtos.
Desta forma, existe um esqueleto de CSS que pode ser alterado facilmente para deixar a calculadora com a cara do seu website.
Um exemplo de como fica o simulador com estilização:
O esqueleto para ser feita a estilização está disponível abaixo:
/* Simulador */
#wc-correios-simulator {
}
/* Título do simulador */
#wc-correios-simulator strong {
}
/* Descrição do simulador */
#wc-correios-simulator p {
}
/* Formulário */
#wc-correios-simulator form.cart {
}
/* Campo de CEP */
#wc-correios-simulator .input-text {
}
/* Botão calcular */
#wc-correios-simulator .button {
}
/* Campo onde é aprensetado os resultados */
#simulator-data {
}
/* Lista de resultados */
#simulator-data ul#shipping-rates {
}
/* Item da lista de resultados */
#simulator-data ul#shipping-rates {
}
/* Mensagens de erros e alertas quando não é possível calcular */
#simulator-data p.error {
}
Esta dica foi retirada do site do Claudio Sanches.
