Andréia, tudo ótimo! Legal que deu certo!
Agora é trabalhar um pouquinho com CSS para resolver isso (acho que até já viu um pouco nos cursos que fez, né?).
Repare que naquele bloco de código que você incluiu para exibir o Leia Mais tem a linha <a class="moretag" href="'. get_permalink($post->ID) . '">
. Nesta linha, incluímos na tag <a>
a classe moretag
. Com essa classe, conseguimos manipular as cores desse link facilmente.
Faz o seguinte: vai em Aparência > Personalizar e seleciona CSS Adicional (último item da lista). Vai abrir um bloco que você pode adicionar seu CSS personalizado.
Como a classe desse link de leia mais é a moretag
, vamos trabalhar com ela para manipular/personalizar esse link.
Copie e cole no campo do CSS adicional esse código abaixo:
.moretag {
color: blue;
}
.moretag:hover {
color: green;
}
A primeira classe vai definir que a cor do link é azul. A segunda, que é uma pseudo classe, vai definir que o hover da classe moretag
será em cor verde.
Aí depois você pode brincar com mais propriedades no .moretag
, por exemplo:
.moretag {
color: blue;
margin-left: 10px;
text-decoration: underline;
font-weight: bold;
}
Nesse exemplo, vamos colocar uma margem de 10px na esquerda do link, separando um pouco do conteúdo. Colocaremos um sublinhado no link e colocaremos a a fonte como bold.
Testa e veja se solucionamos? :)