WordPress Espied Pergunta: Alterar todas as cores dos links

Um usuário perguntou ?

Estou mudando todas as cores dos links, mas preciso de ajuda porque acho que estou fazendo CSS em cima de CSS. Quero alterar as cores dos links, cores de foco dos links, incluindo todas as categorias, tags, etc., em todo o site. Já alterei muitos deles, mas ainda há links que perdem o azul claro do tema. Acho que outras pessoas queriam mudar o site de cores de links em todo o mundo, mas não conseguiram aqui? Obrigado desde já por qualquer ajuda!

(@jarrett)

1 ano, 3 meses atrás

Olá, cliquei um pouco no site, mas não consegui encontrar nenhum link azul claro como você mencionou. você conseguiu resolver isso?

Se não, quais páginas específicas ainda não estão sendo atualizadas para a cor correta?

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Oi, eu encontrei alguns deles, mas você verá os links azuis aqui no arquivo e as tags etc.



Acrílico sobre tela/

No entanto, deve haver uma maneira de alterar as cores dos links do site em todo o site. Eu estava fazendo isso sozinho, o que parece que muito mais trabalho está sendo feito para eles do que deveria ser para alterar as cores dos links padrão para todo o site.

Obrigado pela ajuda!

(@jarrett)

1 ano, 3 meses atrás

Olá novamente, todo mundo tem links vermelhos para mim pelo que vejo. Talvez seu navegador esteja pegando a cor azul antiga? Tente algo como? Para adicionar um nocache ao final de cada um desses URLs, use um navegador ou dispositivo diferente que não tenha visitado o site anteriormente para ver se ele exibe a cor vermelha do link.

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Negativo. As que ainda têm uma fonte azul ou azul flutuante são as pré-visualizações e rótulos das imagens. Eu configurei tudo para ser vermelho/branco ou um fundo claro e, por outro lado, parece um fundo de texto verde/preto neon. Eu quero remover todo o azul bebê quando eu der cor ou texto. Você pode ver as imagens em azul passando o mouse sobre o título da imagem ou visualizando aqui: e você pode ver que o rótulo do título e o texto ficaram azuis aqui ao passar o mouse: a-surpresa-reanimada/.

Obrigado!

(@kokkieh)

1 ano, 3 meses atrás

Olá,

Assim como @jarretc, não vejo nenhum link azul no seu site. Todos os links são exibidos em vermelho e destacados em verde brilhante ao passar o mouse.

Se você vir cores diferentes, o problema está no seu navegador.

A “cor de foco” que você vê nas miniaturas do portfólio na página principal é a cor de fundo das miniaturas. A imagem se torna semitransparente ao passar o mouse, permitindo que a cor de fundo apareça. Você pode alterar a cor de fundo com este CSS:

.post-thumbnail-wrapper {
	background-color: green;
}

A função JavaScript lida com o próprio efeito de foco, portanto, não pode ser bloqueado com código CSS personalizado.

(@gary-barrett)

1 ano, 3 meses atrás

Você pode ver o rótulo e o título o texto ficou azul aqui no hover

Olá,

Eu posso ver os links azuis.

Na busca por detalhes do conteúdo (tags e categorias), o texto fica azul com fundo verde, como mostra a imagem que @kokkieh postou a-surpresa-reanimada/

Você pode alterar essa cor azul ao pesquisar adicionando o CSS abaixo:

.entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus {
    color: #fb0200;
}

O valor da cor pode ser alterado para o que você preferir.

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Vocês são incríveis. Isso foi o suficiente quando entrei e encontrei o resto que queria mudar em vez de apenas uma última coisa, se você não tiver a última visão. Eu mudei tudo, exceto as cores de foco da caixa VIEW. Não consigo mudar para branco. Voando, estou tentando manter o mesmo esquema de cores no fundo verde/fonte preta/borda preta. Alguém tem alguma sugestão aí?

(@gary-barrett)

1 ano, 3 meses atrás

Eu mudei tudo, exceto as cores de foco da caixa VIEW.

Para alterar o fundo branco atrás do link “view”, tente:

.view-link:hover, .view-link:focus, .view-link:active {
    background-color: #00ff01;
}

Há também um comando branco no link “view”. Se você quiser mudar isso, tente:

.view-link {
    border-color: #fb0200;
}

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Ótimo, obrigado novamente. Isso funcionou para o fundo. Mas a borda e a fonte ainda estão vermelhas ao passar o mouse. Tentando mudar tudo para preto em foco. A segunda SEC não parece mudar isso?

(@gary-barrett)

1 ano, 3 meses atrás

Para alterar os dois elementos para preto, use:

.js .project-navigation .jetpack-portfolio.has-post-thumbnail .view-link {
    color: black !important;
    border-color: black !important;
}

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Isso funciona, mas como faço para aplicá-lo, exceto quando estou caçando?

(@gary-barrett)

1 ano, 3 meses atrás

Por favor, indique a cor que você gostaria que a borda e o texto fossem:

a) geralmente (quando não oculto)

e

b) quando coberto.

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Quando estiver oculto, quero que seja uma borda preta e algum texto. Quando é normal/não oculto, agora é perfeito.

(@gary-barrett)

1 ano, 3 meses atrás

Altere as cores conforme você vai acima do link de visualização, tente:

.project-navigation .jetpack-portfolio.has-post-thumbnail .view-link:hover {
    color: black !important;
    border-color: black !important;
}

lançador de tópicos

(@owen919)

1 ano, 3 meses atrás

Esse é o bilhete. Vocês são legais. Obrigado pelo tempo e atenção a esses ajustes!! para

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *