1. Inicio
  2. Base de Conocimientos
  3. WooCommerce Wholesale Lead Capture
  4. Estilo
  5. Cómo dar estilo a los formularios de registro e inicio de sesión para mayoristas

Cómo dar estilo a los formularios de registro e inicio de sesión para mayoristas

Hemos recibido muchas solicitudes sobre cómo dar estilo o personalizar el Formulario de Registro para Mayoristas.

Desafortunadamente, no tenemos control sobre cómo aparecerán nuestros formularios de Captura de Clientes Potenciales para Mayoristas en el sitio del cliente. Los Formularios de Captura de Clientes Potenciales para Mayoristas de WooCommerce incluyen un estilo predeterminado basado en las etiquetas utilizadas por WooCommerce. Y el estilo se basa básicamente en el tema activo que se está utilizando actualmente.

Si desea realizar algunos cambios menores de estilo en el Formulario de Registro para Mayoristas, una buena manera de modificarlos es utilizando CSS personalizado.

A continuación, se muestran algunos de los estilos básicos que puede utilizar para modificar su Formulario de Registro para Mayoristas. Deberá colocarlos en el archivo style.css de su tema/tema hijo para que surtan efecto.


/* Añadir otra columna */
div#wwlc-registration-form {
column-count: 2;
column-gap:60px;
}

/* Ajustar el margen superior del campo de país*/
p#wwlc_country_field{
margin-top: 100%;

}

/* Ajustar el tamaño del desplegable del campo de país*/
#wwlc-registration-form span.select2-selection{
width:100%;
}

/* Ajustar el tamaño y color del campo */
#wwlc-registration-form .input-text.wwlc_form_field{
width:100%;
height:30px;
background-color: #f1f1f1;
}

Si no tiene experiencia modificando códigos CSS personalizados, le sugiero que consulte otras guías como esta de aquí que pueden ayudarle a modificar su tema de manera más eficiente.

Tenga en cuenta que la personalización extensiva de estilos no forma parte del alcance de soporte del plugin. Si busca una mayor personalización, le recomendamos contratar a un diseñador/desarrollador. Y si está interesado en contratar a uno, le recomendamos a alguien de Codeable.

¿Te ha resultado útil este artículo?

Artículos relacionados

¿Necesita soporte?

¿No encuentra la respuesta que busca?
Contactar con soporte
Completa tu Compra