Los cambios CSS de distribución o diseño de campos que realizo en Wocommerce se deshacen cuando se actualiza el plugin  

Disculpa Pepe,

Te vuelvo a enviar la captura de pantalla porque creo que no la podrás abrir por su peso. Con esta no tendrás problema.

Saludos.

Hola Guillermo.

Necesito que tengas la web activa para poder ver lo que nos comentas y realizar las pruebas.

Copia la carpeta woocommerce a /wp-content/themes/tu_plantilla y todas las modificaciones que tengas que realizar las realizas en esa carpeta.

Un saludo

Hola Pepe,

Perdona, pero como tenía que salir, la he tenido que desactivar. Ahora ya está activa.

Por otro lado, ya he copiado la carpeta woocommerce en mi theme hijo Epik.

Quedo a la espera de tus instrucciones. Gracias.

Saludos.

Hola Guillermo, Buenos Días.
Añade lo siguiente al archivo styles.css que encontraras en la wp-content/themes/epik/style.css

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    width: 62% !important;
}

Este es el resultado:

Un saludo

Hola Pepe, buenos días,

Gracias por tu ayuda. Veras, lo que me indicas ya lo había hecho porque tu mismo en otro hilo ya me lo habías sugerido, lo que ha pasado es que al actualizarse el plugin de woocommerce, se ha perdido también ese cambio, pero ya lo he vuelto a colocar.

Ahora el problema es que para los cambios css que me has dicho que los siguiera realizando en la carpeta que he copiado de woocommerce en el archivo del theme hijo Epik, no surten efecto, sin embargo, cuando lo hago directamente en la carpeta original, sí que se realizan los cambios. Lo cierto es que ahora mismo esa carpeta no afecta para nada. Seguro que no tengo que hacer algo más para poder activar todos los cambios que se realicen dentro de ella?.

A la espera de tus sugerencias e indicaciones, te saludo atentamente.

Perdona Pepe, que se me olvido preguntaros cómo disminuir aún más el tamaño de las cajas de los nuevos atributos, es decir, en cuanto a la posición ya está claro, gracias a ti, pero es posible disminuir su tamaño?, pero sólo de las cajas?. Gracias.

Un Saludo.

Hola Guillermo.

No no tienes que realizar nada mas, los códigos que te paso primero los probamos en el archivo que te indicamos, en este caso como te indique en el archivo /themes/epik/style.css

Como veras en el código que te pase añadí la etiqueta !important, esto hace que el código que añadas con esa etiqueta prevalezca sobre los demás.

Prueba añadiendo lo siguiente al archivo /themes/epik/style.css

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    margin: 0 0 0 65px;
    width: 50%;
}

Puedes modificar el tamaño de las celdas disminuyendo el valor de width: 50%

Si las modificaciones que tenias eran solo de CSS podrías restaurar solo el archivo donde realizaste las modificaciones.

.- Accede a tu área de clientes -> Hosting -> SuperBackups
.- Selecciona la fecha que quieres hacer la restauración ( fecha anterior a la actualización )
.- Selecciona Restauración Parcial
.- Añade el nombre del archivo que quieres restaura, en tu caso el archivo donde hacías las modificaciones y pulsa en buscar
.- Te mostrara todas las copias que tienes de ese archivo, selecciona restaurar

Te dejo información de como utilizar la herramienta SuperBackups
Cómo gestionar copias de seguridad con Superbackup

Nota: Antes de realizar la restauración es conveniente que renombres el archivo que tienes ahora en tu instalación, es decir si restauras woocommerce.css, renombra el que tienes ahora por ejemplo woocommerce_old.css, con esto siempre tendrás el archivo original por si hay que volver a utilizarlo.

Un saludo

Hola Pepe,

De verdad, que muchas gracias por tu estupenda ayuda, ahora ya lo he dejado como quería, sin embargo, debo comentarte que si colocaba la instrucción sin el ¡important!, no ocuuria ningún cambio, pero al colocarlo sí que varia inmediatamente.

En cuanto a lo que me sugieres para recuperar los css que haya realizado y se hayan perdido a causa de la actualización del plugin woocommerce, ya no será necesario porque con la ayuda del historial de este foro en mis temas, he actualizado ya todo de nuevo. Ahora ya todo está como lo quería, incluso mejor. De todas maneras, lo tendré en cuenta y lo guardaré para futuros problemas de este tipo.

Lo que me sigue faltando o que a lo mejor no lo he entendido completamente, es lo que te preguntaba antes con respecto a la copia de la carpeta de woocommerce en mi theme hijo Epik, ya que los cambios que hago allí no surten ningún efecto y, por eso te preguntaba, si es necesario configurar algo más para que se active dicha carpeta o algo que no está bien.

Muchas gracias Pepe, quedo a la espera de tu respuesta con respecto a esto último.

Un Saludo.

Hola Guillermo.

No tienes que hacer nada, solo añadirlo al archivo style.css y si ves que alguno de los códigos no te funciona, añade la etiqueta !importan para que prevalezca sobre los códigos con la misma estructura.

Otra opción es que tengas una copia de ese archivo en tu equipo en alguna carpeta de tu cuenta de hosting y si se realiza alguna actualización y se pierden solo tienes que copiarlo otra vez.

Un saludo

Vale Pepe, está claro.

Que tengas una buena tarde y trata de descansar. Muchas gracias por tu valiosa ayuda, como siempre, eres un crack.

Saludos.

Hola Guillermo.

Nada, como siempre un placer :cheer:
Cerramos el tema.

Un saludo y gracias por tus palabras Amigo 😉