Olá, @juliaaiz10! Vou fazer um pequeno tutorial de como pode personalizar qualquer elemento da sua loja via css:
1 - Inspecionar elemento
Clique com o botão direito do mouse em cima do elemento que deseja estilizar, e clique na opção Inspecionar
2 - Selecionando o elemento
Ao abrir o DevTool, caso não esteja selecionado, procure pelo elemento que deseja modificar
3 - Estilizando
Ao ter o elemento, verifique sua class ou id, e defina o novo css. Exemplo para o elemento de título da categoria:
Para deixar a cor do texto em vermelho, o css ficará dessa forma:
.category-header {
color: red;
}
* Caso não saiba o que é class, id de um elemento, recomendo fazer um curso de css: https://www.devmedia.com.br/curso/curso-css-gratuito/2215
.
4 - Salvando na loja
Abra o arquivo application.css, e verifique se já possui alguma referência ao elemento que deseja customizar, caso não encontre, adicione no final do arquivo, para facilitar a customização futura.
No nosso exemplo, já existe uma declaração para o elemento category-header, então só adicionaremos as propriedades ao elemento:
Salve o arquivo, e o título mudou de cor