Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

error en las filas de mi woocommerce  

 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenas tardes
por favor estoy intentando arreglar eso.

como podria hacer, me aparece una fila de 2 otra de 1
y yo quiero fila y columna de 4

esta desordenado
ver adjunto por favor

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 08/10/2019 1:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jaime.

Si te das cuenta el problema viene porque hay titulos que estan en dos líneas y por eso proboca ese salto.
Lo que vamos hacer es añadir un ancho fijo al bloque del título del producto para que todos tengan el mismo alto.

.- Añade lo siguiente al final del archivo style.css que encontrarás en la ruta wp-content -> themes -> lifecare " style.css "

.woocommerce-page ul.products li.product h3 {
	min-height:80px!important;
}

Un saludo

ResponderCitar
Respondido : 08/10/2019 10:45 am

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Ver adjunto, no esta alineada mis productos, aparecen mas para el lado izquierdo y no centrado.

ResponderCitar
Respondido : 09/10/2019 11:25 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Agrega el siguiente CSS:

ul, ol {
    list-style: none;
    margin: 0 0 24px 20px !important;
}

El problema se está generando por una regla CSS de woocommerce, te sugiero actualizar tu template, estas utilizando la versión 3.2.0 lanzada en la fecha de 2016-04-23, la mas reciente es la versión 7, lanzada el 2019-04-30.

Saludos.

ResponderCitar
Respondido : 10/10/2019 12:13 am

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

https://www.webempresa.com/foro/24-Administraci%C3%B3n-WordPress/164845-ampliar-el-cuadro---woocommerce.html

ver ese ticket que hice anteriormente redepente por eso sigue descuadrado.

me dieron este codigo: ul, ol {
list-style: none;
margin: 0 0 24px 20px !important;
}

pero aparece igual descuadrado.

ResponderCitar
Respondido : 10/10/2019 12:20 am
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

ver adjunto quisiera que quedo bien ampliado el cuadro. poco borde asi como el adjunto, asi estab antes....

ResponderCitar
Respondido : 10/10/2019 12:27 am

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

ver adjunto
el recuadro ver detalles no esta centrado

ResponderCitar
Respondido : 10/10/2019 12:29 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Es cierto, tienes razón... Sin embargo, si revisas tu web ahora se ve centrado con la regla CSS que te proporcioné. Regresemos a la versión pasada...

Comenta la regla a la que haces referencia, de la siguiente manera:

@media only screen and (max-width: 480px) and (min-width: 320px)
.pagemid > .inner {
    /* width: 95%; */
}
}

ver adjunto
el recuadro ver detalles no esta centrado

Agrega:

.woocommerce ul.products li.product .button, .product_buttons .button {
    border-width: 0 1px 0 0;
    padding: 16px 0px !important;
    margin: 0;
}

ver adjunto quisiera que quedo bien ampliado el cuadro. poco borde asi como el adjunto, asi estab antes....

Comenta la regla CSS como se muestra:

@media only screen and (max-width: 480px) and (min-width: 320px)
.woocommerce-page ul.products li.product h3 a {
    /* font-size: 14px; */
}

Ahora, viendo lo que Jhon te proporcionó hace tiempo puede que encuentres las anteriores reglas CSS tal como él te las proporcionó, de ser así coméntalas:

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.woocommerce-page ul.products li.product h3 a{
	/*	font-size:14px;*/
	}
	.pagemid > .inner{
	/*	width:95%;*/
	}
}

Espero que esto sirva para lo que buscas, de no ser así por favor indícalo para que podamos seguir ayudándote.

Saludos.

ResponderCitar
Respondido : 10/10/2019 3:13 am

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenos dias
ahora aparece vacio mi tabla
como lo arreglo, hay un vacio

https://www.preventor.com.pe/ecografia-testicular/

ResponderCitar
Respondido : 12/10/2019 8:18 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jaime.

Elimina este codigo

 ul, ol {
list-style: none;
margin: 0 0 24px 20px !important;
}

El margin de 24px es el que proboac ese descuadr.

Un saludo

ResponderCitar
Respondido : 12/10/2019 8:53 pm

Cursos Gratuitos WordPress