Este tema esta optimizado para utilizar el Diseñador de plantillas de Blogger. Con esta herramienta puedes modificar gran parte de los elementos visuales disponibles.

Localización #

Para acceder al Diseñador de plantillas dirígete en la sección Temas de tu panel de administración de Blogger y utiliza la opción “Personalizar”, eso es todo, ya podrás personalizar el tema.

Clases b:skin #

Algunos estilos del diseñador de plantillas están disponibles como clases para desarrollo. En la siguiente tabla se especifican las clases disponibles.

Clase Variable CSS Descripcion
font-primary --font-primary Fuente primaria para textos
font-secondary --font-secondary Fuente secundaria para textos
color-primary --primary Color de acento primario
color-secondary --secondary Color de acento secundario
bg-template --bg-template Color de fondo de template
bg-default --bg-default Color de fondo por defecto
bg-inset --bg-inset Color de fondo superior
b:skin-g1 --space-primary Espaciado primario utilizando gap
b:skin-g2 --space-secondary Espaciado secundario utilizando gap
b:skin-p --space-primary Espaciado utilizando padding
b:skin-py --space-primary Espaciado utilizando padding vertical
b:skin-px --space-primary Espaciado utilizando padding horizontal
b:skin-m --space-primary Espaciado utilizando margin
b:skin-my --space-primary Espaciado utilizando margin vertical
b:skin-mx --space-primary Espaciado utilizando margin horizontal
b:skin-sy --space-primary Espaciado vertical para hijos directos
b:skin-sx --space-primary Espaciado horizontal para hijos directos