Utilizar CSS personalizado

CSS es un lenguaje de diseño que utilizan la mayoría de las páginas web. Puedes personalizar el diseño de tu tienda utilizando código CSS personalizado.
 
Con el CSS personalizado puedes cambiar los siguientes aspectos de tu tienda:

• Colores
• Fuentes
• Visibilidad de los elementos

 
Los cambios son válidos para toda la tienda, no solo para la página que está abierta en el editor cuando editas el código CSS. No obstante, el código CSS personalizado no afecta al diseño del proceso de pago de tu tienda.
 
La mejor manera de cambiar los colores de tu tienda es cambiarlos como describe el artículo Cómo cambiar los colores de tu tienda. Si cambias los colores mediante CSS personalizado, los ajustes de color podrían sobrescribirse.
 

Estos ajustes podrían alterar el diseño de tu tienda y provocar un aspecto inadecuado y efectos negativos en su comportamiento.
 
Se recomienda que solo los usuarios experimentados introduzcan su propio código CSS. Las modificaciones pueden afectar al diseño y la funcionalidad de tu sitio web. Verifica tu sitio web cuidadosamente tras efectuar todas las modificaciones. Ten en cuenta que las actualizaciones de tu tienda que se aplican de forma automática pueden afectar al código de programación de tu sitio web. Por lo tanto, después de cada actualización, comprueba que el código CSS que has introducido continúe cumpliendo su objetivo y que el diseño y la funcionalidad del sitio web no se hayan visto afectados por la modificación.

Cómo añadir código CSS personalizado

1. En el menú principal del área de administración, selecciona Editor.
 
2. Haz click en el icono del pincel  situado en la parte inferior de la página.
 
3. Selecciona </>.
 
4. Añade tu código CSS personalizado.
 
5. Guarda los cambios.
 
6. Selecciona Ver su tienda y comprueba si los cambios que has hecho se muestran correctamente y sin problemas.
 
 

Tu código CSS solo se aplica al estilo seleccionado actualmente. Si cambias el estilo, el código CSS dejará de aplicarse a tu tienda. Si vuelves a activar el estilo en el que introdujiste el código CSS, este se aplicará nuevamente a la tienda.
 
El software de tu tienda comprueba automáticamente si el código CSS que has introducido sigue las reglas del CSS.
 
A la hora de cambiar colores, puede que tengas que adaptar el margen y el padding de ciertos elementos.
 
Para el código CSS personalizado no es necesario introducir un tipo de hoja de estilo.