Avisos
Vaciar todo

[Resuelto] Campos formulario compra woocomerce  

 
Carlos
 Carlos
Reputable Member

Buenas,

me gustaria colocar algunos de los campos del formulario de woocomerce en linea para que no ocupen tanto y al usuario no le parezca a simple vista tan largo.

Me gustaria colocar codigo postal, localidad y provincia en la misma linea.

y telefono y mail tambien en la misma linea. Y que en el movil o responsive se vea como siempre es posible no? lo he visto en algunas tiendas. Creo q asi se mejora la experiencia de usuario al no parecer tan largo.

He tratado de usar css y de mas pero no logro conseguirlo pq no se tanto.

A ver si podeis ayudarme por favor.

Screenshot 1

 

Un saludo y gracias

https://safegest.com/finalizar-compra/

Contenido solo visible a usuarios registrados

Respondido : 12/01/2022 10:25 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Puedes probar con los siguientes estilos CSS

@media(min-width:1052px){
#billing_postcode_field, #billing_city_field, #billing_state_field{
width: 33%;
float: left;
clear: initial;
}
#billing_phone_field, #billing_email_field{
width: 49%;
float: left;
clear: initial;
}}

Nos comentas que tal te va, Saludos!

Respondido : 12/01/2022 2:58 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Funciona perfecto y queda genial!! ocpa mucho menos de cara al usuario.... una ultima cosa para que ocupe menos todavia he metido los nombres del campo en el interior del campo, me gustaria cambiar el tamaño de la fuente pq se ve muy grande... a una 15px, lo que pasa que cuando lo cambio con el css se cambia el body de toda la web, pero es el unico css que veo .... es posible cambiar el tamaño de esa fuente?

Un saludo y muchas gracias

Respondido : 12/01/2022 3:10 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Excelente! me alegra que te haya funcionado, ahora bien respecto a tu solicitud no logro ubicar a lo que te refieres, si me dejas enlace y captura podre ubicarme mejor 🙂

Saludos!

Respondido : 12/01/2022 3:16 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

Buenas Bruno!!!

Me refiero a los campos de los formularios que hay que rellenar para hacer la compra.... adjunto imagen para que lo veas....

Me gustaria reducir el tamaño de la fuente...

Screenshot 2

 Un saludo

Respondido : 12/01/2022 4:04 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Vale ya me he ubicado es que tienes dos versiones del sitio y estaba siendo redirigido a la incorrecta

Puedes probar con los siguientes estilos CSS

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .select2-selection__rendered {
font-size: 16px;
}

Saludos!

Respondido : 12/01/2022 4:20 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Si es cierto la re pruebas y la real!! funciona genial Bruno

Muchas gracias!!!

Respondido : 12/01/2022 4:28 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Siempre es un gusto poder ayudarte, cualquier otra consulta estaremos atentos.

Saludos!

Respondido : 12/01/2022 4:33 pm

Cursos Gratuitos WordPress