Cómo aplicar estilos a elementos individuales en InstantSite

Tenga en cuenta: Esta guía es para el heredado InstantSite comprado antes del 18 de agosto de 2020. Si tiene nuestro nuevo InstantSite consulte las guías específicas para nuestro nuevo constructor que se encuentran aquí.

Cada elemento en InstantSite se puede diseñar individualmente para satisfacer sus necesidades. Esta guía está diseñada para mostrar a los clientes de LCN InstantSite cómo diseñar elementos individuales.

Empecemos...

Texto, Galería, Formulario, Mapa, Video incrustado, Separador

Fondo

No todos los sitios web tienen fondos blancos. El Antecedentes La opción le permite cambiar el color de fondo de un elemento o incluso agregar una imagen como fondo.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Fondo .
4. Para cambiar el color de fondo;
   • Haga clic en el Color opción
   • Puede elegir entre un color predefinido a la izquierda o elegir un color personalizado con la herramienta de selección de color.


5. Para agregar una imagen de fondo;
   • Haga clic en Elegir imagen
   • Elija una imagen de Mis imágenes , imágenes de plantilla o Imágenes gratuitas de InstantSite . Si no puede encontrar una imagen que le guste, simplemente cargue la suya haciendo clic en Subir imagen y elegir una imagen de su computadora.
   • Una vez que haya seleccionado su imagen, haga clic en Confirmar .

Alineación

La alineación facilita el estilo de su elemento. Puede elegir alinear su elemento a la izquierda, al centro o a la derecha.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Alineación .
4. Elija Alinear a la izquierda , Alinear al centro o Alinear a la derecha .

Relleno

El relleno le permite generar espacio alrededor de su contenido (dentro de su borde). Esto le permite colocar un elemento y su contenido exactamente donde lo desee.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Relleno .
4. Puede agregar relleno individual en la parte superior, inferior, izquierda y derecha de un elemento; haciendo clic en el lado que le gustaría cambiar y usando el control deslizante para aumentar o disminuir el relleno.
5. Puede agregar relleno a todos los lados a la vez; haciendo clic en el centro de la opción de relleno y usando el control deslizante para aumentar o disminuir el relleno.

Tenga en cuenta Puede optar por aplicar su relleno en px (píxeles) o en % (porcentaje). Recomendamos usar el porcentaje al aplicar el relleno, ya que esto permitirá que el relleno cambie según el ancho del dispositivo.

frontera

La opción de borde le permite agregar y cambiar el ancho de un borde. También le permite redondear los bordes de sus bordes usando el radio del borde.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Borde .
4. Puede agregar un borde individual en la parte superior, inferior, izquierda y derecha de un elemento; haciendo clic en el lado que desea cambiar y luego seleccionando el estilo, el ancho y el color del borde.
5. También puede agregar bordes a todos los lados a la vez; haciendo clic en el centro de la opción de borde y luego seleccionando el estilo, el ancho y el color de los bordes.

Imagen, Botón, Icono

Enlace

Los enlaces se pueden usar para acceder a otro contenido en su sitio web o para vincular a otra página o artículo en un sitio web diferente.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Enlace .
4. Para vincular a un sitio web externo, haga clic en Externo y luego ingrese la URL de la página a la que desea vincular en la URL campo.
5. Para enlazar a una página interna en su InstantSite, haga clic en Interno y elige la página a la que te gustaría enlazar desde la Página desplegable.

Tenga en cuenta de forma predeterminada, la página a la que está enlazando se abrirá en una nueva pestaña del navegador. Si prefiere que la página redirija a este enlace, simplemente desmarque Abrir enlace en una pestaña nueva opción.

Fondo

No todos los sitios web tienen fondos blancos. El Antecedentes La opción le permite cambiar el color de fondo de un elemento o incluso agregar una imagen como fondo.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Fondo .
4. Para cambiar el color de fondo;
   • Haga clic en el Color opción
   • Puede elegir entre un color predefinido a la izquierda o elegir un color personalizado con la herramienta de selección de color.


5. Para agregar una imagen de fondo;
   • Haga clic en Elegir imagen
   • Elija una imagen de Mis imágenes , imágenes de plantilla o Imágenes gratuitas de InstantSite . Si no puede encontrar una imagen que le guste, simplemente cargue la suya haciendo clic en Subir imagen y elegir una imagen de su computadora.
   • Una vez que haya seleccionado su imagen, haga clic en Confirmar .

Alineación

La alineación facilita el estilo de su elemento. Puede elegir alinear su elemento a la izquierda, al centro o a la derecha.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Alineación .
4. Elija Alinear a la izquierda , Alinear al centro o Alinear a la derecha .

Relleno

El relleno le permite generar espacio alrededor de su contenido (dentro de su borde). Esto le permite colocar un elemento y su contenido exactamente donde lo desee.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Relleno .
4. Puede agregar relleno individual en la parte superior, inferior, izquierda y derecha de un elemento; haciendo clic en el lado que le gustaría cambiar y usando el control deslizante para aumentar o disminuir el relleno.
5. Puede agregar relleno a todos los lados a la vez; haciendo clic en el centro de la opción de relleno y usando el control deslizante para aumentar o disminuir el relleno.

Tenga en cuenta Puede optar por aplicar su relleno en px (píxeles) o en % (porcentaje). Recomendamos usar el porcentaje al aplicar el relleno, ya que esto permitirá que el relleno cambie según el ancho del dispositivo.

Borde

La opción de borde le permite agregar y cambiar el ancho de un borde. También le permite redondear los bordes de sus bordes usando el radio del borde.

1. Haga clic en el elemento que desea cambiar.
2. Haga clic en Configuración icono.
3. Haga clic en Borde .
4. Puede agregar un borde individual en la parte superior, inferior, izquierda y derecha de un elemento; haciendo clic en el lado que desea cambiar y luego seleccionando el estilo, el ancho y el color del borde.
5. También puede agregar bordes a todos los lados a la vez; haciendo clic en el centro de la opción de borde y luego seleccionando el estilo, el ancho y el color de los bordes.

¡Eso es todo! Ahora sabe cómo diseñar todos los elementos de InstantSite.