Avisos
Vaciar todo

[Resuelto] Campos formulario compra woocomerce

8 Respuestas
2 Usuarios
0 Reactions
30 Visitas
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@bruno-vichetti

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

Muchas gracias!!!


 
Respondido : 12/01/2022 4:28 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Hola Carlos,

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

Saludos!


 
Respondido : 12/01/2022 4:33 pm