El componente TITULO PRINCIPAL, permite añadir un texto que utilizaremos con el objetivo de resaltar o encabezar contenidos y que añade varias opciones de personalización que vamos a describir a continuación.

Podremos utilizar el componente TÍTULO PRINCIPAL, al igual que el resto de componentes, de forma individual, dentro de contenedores como el ENVOLTORIO y CAJA o como parte de otros componentes tal y como sucede con CABECERA LANDING y CARRUSEL LANDING.

Independientemente del lugar desde dónde accedamos a la edición del componente TITULO PRICIPAL, una vez dentro, encontraremos varias pestañas correspondientes con cada una de las alternativas de personalización.

En la primera de ellas llamad TEXT, tendremos el campo que nos permite escribir el texto que vamos a utilizar y justo debajo tres opciones de configuración relacionadas con el Tamaño del texto FONT SIZE SETTINGS, Colores y efectos CSS, llamada COLOR EFECTS AND MORE y por último TEXT LINE DECORATION, que nos permite añadir y configurar las líneas de decoración para el texto. 

Si deplegamos FONT SIZE SETTINGS, encontraremos un campo numérico donde definiremos el tamaño que vamos a utilizar, luego un selector para las unidades de medidas que queremos aplicar la tamaño y por último, la opción de varios tamaños preconfigurados que, además de aumentar el tamaño del texto le añaden un grosor equivalente.

Para utilizar esta última opción debemos dejar vacío el campo numérico. 

En el caso de la pestaña TEXT EXTRAS, encontraremos dos pestañas que agrupan varias configuraciones adicionales, además del selector para escojer el tipo de letra que vamos a utilizar y si añadiremos la Etiqueta H, recomendada para fines de posicionamiento SEO.

Sin salir de TEXT EXTRAS, si desplegamos la pestaña ALIGN AND ROTATE, veremos un campo numérico que nos permitirá girar nuestro texto y en el podremos utilizar valores positivos o negativos para conseguir resultados muy creativos.

Justo al lado de la opción para rotar o girar el texto, nos aparece un selector con el que podremos elegir la alineación que se aplicará a nuestro texto en ordenadores o PCs. 

Ahora, si nos deplegamos a la útima de las pestañas por explorar, con el nombre BOLD, SHADOW AND COLOR, tendremos la oportunidad de elegir un color para nuestro texto, aplicarle un efecto sobrea o añadirle grosor para remarcar su significado o importancia.

La última de las pestaña correspondiente a las opciones adicionales del texto es la que nos brinda opciones de personalización para la línea que decora nuestro texto, desde aquí, podremos activar o desactivar la opción que muestra la línea, definir un color para ella o escoger entre varios tipos de presentación desde el selector.

Siguiendo con las opciones disponibles en el componente TITULO PRINCIPAL, es el turno de la que están relacionadas con el bloque que lo contiene, para esto desplegaremos la pestaña BLOCK, donde encontraremos varias alternativas propias del bloque.

Para facilitar su implementación, están agrupadas en MARGEN, PADDING, MAS OPCIONES y BORDE, que iremos explorando poco a poco a continuación.

Comenzaremos desplegando la pestaña MARGENES,  que al igual que otros componentes, nos ofrece la posibilidad de elegir la unida de medida que vamos a utilizar y, a continuación podremos escoger entre aplicar el mismo margen a todo el bloque o por separado según cada lado.

Por otro lado, en la pestaña PADDING, tendremos las mismas opciones de personalización, pero aplicadas al PADDING O RELLENO del bloque.

Justo debajo de la pestaña que agrupa las opciones de PADDING, encontremos OTRAS CONFIGURACIONES DEL BLOQUE o OTHER BLOCK SETTINGS, que nos permite añadir una altura fija en ordenadores, un color de fondo para el bloque o un efecto sombra para él.

La última de las pestañas disponbiles para personalizar el BLOQUE DEL TÍTULO, agrupa todas las configuraciones para personalizar el los bordes del bloque. 

Inicialmente está dividido en dos columnas que engloban, por un lado COLOR, ESTILO y UNIDAD DE MEDIDA, en la otra pestaña encontraremos las que definen la ubicación que tendrá el borde y los radios o curvatura del mismo.

Si desplegamos para explorar la pestaña STYLE, COLOR AND WIDTH, veremos los selectores correspondientes al color del borde, el tipo de borde y un desplegable que nos permite escoger la unidad de medida para el ancho.

Para descubrir el resto de configuraciones correspondientes al borde y su curvatura, tendremos que desplegar dos pestañas más donde podremos añadir nuestras personalizaciones correspondientes.

Para asegurarnos de que nuestro título se muestre de acuerdo a los dispositivos desde los que se visite nuestra página, tenemos la pestaña MOBILE, desde la que podremos especificar características específicas e independientes de las que hemos definido para ordenadores usando el resto de pestañas.

Si desplegamos la primera pestaña de opciones dentro de MOBILE, podremos definir el TAMAÑO DEL TEXTO, una ALTURA FIJA para el bloque y la ALINEACIÓN DEL TEXTO.

La siguiente de las pestañas MOBILE corresponde a MARGENES y nos permite definir los márgenes superior e inferior específicos para dispostivos móviles e independiente de los mismos valores que hayamos elegido para ordenadores.

La última de las pestañas MOBILE corresponde al PADDING O RELLENO y nos permite definir los valores específicos o anular por completo los que se heredan de la configuración para ordenadores.

En la última de las pestañas disponibles para personalizar el componente TÍTULO PRINCIPAL, encontramos varias opciones de efectos de animación disponibles para aplicar directamente al texto.