Como ordenar los artículos en lineas horizontales en una pagina de wordpress

Hola Julio,

Accedo a la url que indicas y veo que los tienes añadidos en horizontal en una línea llamada "SUGERENCIAS" ¿cual es la duda?

Para que se muestren de determinada forma tendrías que hacer cambios en los archivos de la vista de productos destacados, lo que requiere conocimientos de programación.

Saludos

Si en sugerencias de la home están horizontales pero están así porque venia programado en Helena.
Sin embargo en las paginas que yo he creado, las diferentes CATEGORIAS, los productos que he ido añadiendo se colocan primero uno, luego dos, después nuevamente uno, etc. y lo que deseo es ponerlos en horizontal como en sugerencias.
Gracias por tu ayuda

Hola Julio.

Prueba editando el archivo style.css que encontraras en wp-content/themes/helena_wp/style.css y añade lo siguinete:

#content .products li{
	clear:none !important;
}

ul.products li.product{
padding:10px !important;
}

Un saludo

Mira he seguido todos los pasos que me indicas entrando desde Cpanel pero al entrar en Helena_wp/ no esta el archivo que me indicas style.css

Gracias

Hola Julio.

Lo tienes en wp-content/themes/helena_wp, es un archivo que lo tenemos en todas las instalaciones.

Puedes crear un archivo para las modificaciones dentro de custom y añadir en ese archivo las modificaciones que realices en la plantilla.

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Un saludo

Finalmente he encontrado el archivo style.css, pero he editado dentro de el lo que me indicas y sigue igual el alineamiento de los productos.
Después es seguido lo que indica el video de crear el archivo en la carpeta helena_wp crear helena_wp-custom.csss y colocar lo que me indicas e igualmente no funciona.
Lo he hecho bien? El archivo esta como lo edite.
Gracias

Hola

El archivo debe ser .css has puesto csss:
helena_wp-custom.csss

Sin embargo prueba colocar primero en el style.css, en este archivo:
wordpress/wp-content/themes/helena_wp/style.css

Al final agrega el siguiente código CSS, para ver los cambios refresca tu navegador o lmpia la cache.

#content ul.products li.product{
  clear:none;
  padding:10px;
  min-height: 320px;
}
 

Saludos.

Muchas gracias solucionado perdonad mi horror ortográfico.
Felices Fiestas a todos y mucha salud

Hola Julio.

Genial me alegra que lo solucionaras :cheer:
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Un Saludo y Felices Fiestas !!!!!!

Hola Pepé te comento porque reinicio el hilo, no se si es posible, pero todo marchaba bien y los productos se ordenaban correctamente desde que coloque el código CSS, pero al pasar a una tercera linea de productos comienza nuevamente el desorden. Lo podéis ver en cualquiera de las categorías y en la pagina tienda también.
Si no es correcto continuar aquí abro un nuevo hilo.
Gracias

Hola Julio Jaime,

Esto suele suceder cuando se eliminan productos que ya estaban en la vista grid (rejilla).

¿Has eliminado productos que antes si cargaban en esa vista de productos?

Quedo pendiente de tus indicaciones.

Si lo he hecho

Hola Julio.

Añade lo siguiente a tu archivo style.css ( El que estamos utilizando para las modificaciones )

.woocommerce ul.products li.product a img {
  width:95%!important;
}

Un saludo

Con este archivo se ha solucionado. Esto significa que si se borra más adelante un producto esto ya soluciona automáticamente el efecto que produjo el borrar los anteriores?

Lo que también veo que en la categoría "versiones de clásicos españoles" la página se ha descentrado y el Footer se ha reducido.

Gracias por vuestra ayuda