¿Cómo podemos cambiar el color de los Tags en WordPress?

Los tags o etiquetas se pueden cambiar de color o de estilos gracias al CSS. Por suerte wordpress aplica unas clases a todas las etiquetas que añadimos a nuestro wordpress.

Este sería un ejemplo de TAG de wordpress simpe:

cambiar-color-tags-antes

Y aplicando los cambios a cada uno de los tags nos encontramos con esto:

cambiar-color-tags

 

¿Cómo hacer este cambio de estilo en nuestros Tags / etiquetas? Primero tenemos que mirar que clase tiene cada etiqueta con un «inspeccionar elemento» de cada etiqueta: (marcamos en NEGRITA la clase que nos interesa)

<a href=»https://www.xxxxx.com/tag/c1/» class=»tag-cloud-link tag-link-31 tag-link-position-5″ style=»font-size: 12.344827586207pt;» aria-label=»C1 (5 elementos)»>C1<span class=»tag-link-count»> (5)</span></a>

Pues bien, ahora vamos conla magia del CSS:

.tag-cloud-link.tag-link-31 {
background-color: green !important;
}

Con esto conseguiremos un FONDO VERDE para este TAG, y lo mismo para el resto de TAGS o Etiquetas, dando mucho más color a cada uno de ellos y poder diferenciarlos bien.