Cambiar la configuración de fuente de los nombres de categorías en la página de categorías

Desarrollador
1

Por favor, ayude con el código CSS para cambiar el tipo de fuente, el color y el grosor.

Gracias por la ayuda.

Hice esto pero no cambia el color:

.category-list tbody
.category h3 {
font-weight: 370;
font-size: 18;
line-height: 1.9;
color: teal;
font-family: Calibre-Regular, Helvetica, Arial, sans-serif;

2

Esto realmente depende del tipo de página de categoría que elijas. Por ejemplo, para categorías con temas, el código será algo así:

.category-list.with-topics .category-name {
    font-size: 25px;
    font-weight: normal;
    color: gray;
}

Necesitas usar el inspector del navegador para encontrar la clase CSS (y el elemento padre) que deseas usar, mira

image
image1894×823 76.7 KB

El elemento padre sirve para indicar que solo quieres cambiar la apariencia del nombre de la categoría en esta página y no globalmente.

Para cambiar el tipo de fuente, consulta Change the default font on your site

La próxima vez, antes de publicar, usa la función de búsqueda en la esquina superior derecha y seguramente encontrarás las respuestas que buscas.

En cambio, CSS Tutorial es un buen lugar para empezar a aprender un poco de CSS.

3

Gracias por la respuesta.

Pero el código que me diste no está haciendo el cambio. El que yo di está haciendo los cambios, pero no está cambiando el color.

¿Dónde estoy fallando?

4

Prueba con

.category-list .category-name {
    font-weight: 370;
    font-size: 18px;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
5

El código que proporcionaste cambió las fuentes de los nombres de las subcategorías en la página de las categorías principales.

Esto funcionaba:

.category-list tbody
.category h3 {
   font-weight: 375;
   font-size: 17px;
   line-height: 21px;
   font-family: "Open Sans", Helvetica, sans-serif;
}

.category-list tbody .category h3 a[href] {
    color: black;
}

Muchas gracias por tu ayuda. He aprendido cosas nuevas.

6

Sí, estoy utilizando la función Inspeccionar elemento en Firefox para entender los códigos CSS.

Muchas gracias