Cómo Cambiar el Color de Fondo de un Elemento Casilla de Verificación

Personalizar el color de fondo del elemento Casilla de Verificación es una forma sencilla de crear formularios más visualmente coherentes y profesionales en su tienda de Shopify.

En este tutorial, aprenderá cómo cambiar el color de fondo de un elemento Casilla de Verificación en GemPages utilizando Código Personalizado.

Antes de empezar

Antes de seguir este tutorial, asegúrese de contar con lo siguiente:

• Una página creada en GemPages
• A Elemento Casilla de Verificación agregado a su página
• Acceso al editor de GemPages

Paso 1: Abra el Panel de Código Personalizado

Dentro del editor de GemPages, localice el elemento Casilla de Verificación que desea personalizar.

Haga clic derecho en el elemento Casilla de Verificación.

Luego seleccione: Código Personalizado

Esto abrirá el panel de Código Personalizado para el elemento seleccionado.

Paso 2: Añada el código CSS

Pegue el siguiente código en el editor de Código Personalizado:

.element-class input[type=”checkbox”] {

  accent-color: #000000;

}

Notas Importantes

Reemplace .element-class

Debe reemplazar:

.element-class

con el nombre de clase real de su elemento Casilla de Verificación.

Puede encontrar la clase del elemento en la esquina superior izquierda del panel de Código Personalizado.

Ejemplo:

.gf-checkbox-123 input[type=”checkbox”] {

  accent-color: #1a73e8;

}

Reemplace #000000 con su Código de Color

Reemplace el valor HEX con el color de casilla de verificación que prefiera.

Ejemplos: