Avisos
Vaciar todo
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.
Un saludo y gracias
https://safegest.com/finalizar-compra/
Contenido solo visible a usuarios registrados
Respondido : 12/01/2022 10:25 am
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
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
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
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...
Un saludo
Respondido : 12/01/2022 4:04 pm
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
Respondido : 12/01/2022 4:28 pm
Hola Carlos,
Siempre es un gusto poder ayudarte, cualquier otra consulta estaremos atentos.
Saludos!
Respondido : 12/01/2022 4:33 pm
