Probando con las plantillas, los títulos de las entradas del blog no tenían el color que yo quería y en la vista de diseño no estaba la opción de cambiarle el color. Lo único que encontraba era cambiarle el color al título de las entradas pero en la vista principal. Al entrar a visualizar una entrada, el color era el mismo del texto de la entrada.
Lo conseguí al modificar la plantilla desde la edición de HTML.
Pestaña de Diseño
Edición de HTML
Buscar la palabra "
Post Title" se encontrará en la sección de
Variable definitions
En mi caso el código era:
<Group description="Post Title" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Verdana, Geneva, sans-serif"/>
</Group>
Y al añadirle una nueva variable
post.title.color quedó así:
<Group description="Post Title" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Verdana, Geneva, sans-serif"/>
<Variable name="post.title.color" description="Text Color" type="color" default="#ff9900" value="#ff9900"/>
</Group>
El color que tiene #ff9900 se lo cambia por el deseado. Para obtener el código, visitar el
enlace.
Ahora buscar la palabra
h3.post-title que estará en la sección
Posts
El código antes de modificar era:
h3.post-title {
margin: 0;
font: $(post.title.font);
}
.comments h4 {
margin: 1em 0 0;
font: $(post.title.font);
}
Luego de añadir la línea
color: $(post.title.color); quedó así:
h3.post-title {
margin: 0;
font: $(post.title.font);
color: $(post.title.color);
}
.comments h4 {
margin: 1em 0 0;
font: $(post.title.font);
color: $(post.title.color);
}
