cambiar de color a boton

Hola Jaime,

El código CSS que te indiqué anteriormente:

.woocommerce-page ul.products li.product h3 {
    text-align: center !important;
    min-height: 80px !important;
}
.woocommerce-page ul.products li.product h3 a {
    color: black !important;
}

Reemplázalo por el siguiente:

.woocommerce ul.products li.product h3 a {
    color: black !important;
}

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

El resultado es el siguiente:

Saludos.

Hola Jaime,

El código CSS que te indiqué anteriormente:

.woocommerce-page ul.products li.product h3 {
    text-align: center !important;
    min-height: 80px !important;
}
.woocommerce-page ul.products li.product h3 a {
    color: black !important;
}

Reemplázalo por el siguiente:

.woocommerce ul.products li.product h3 a {
    color: black !important;
}

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

El resultado es el siguiente:

Saludos.

Esta conforme https://www.preventor.com.pe/borradorr/ pero si ingreso desde un celular
no se leen las palabras completas, y los botones no estan al mismo nivel ver adjunto

Hola Jaime,

Agrega el siguiente CSS:

@media (max-width: 767px) and (min-width: 480px){
.woocommerce ul.products li.product h3 a{
overflow-wrap: break-word;
	}
.woocommerce ul.products li.product h3 {
     height: 80px !important;
}	
}


@media (min-width: 320px) and (max-width: 479px) {
.woocommerce ul.products li.product h3 a{
   overflow-wrap: break-word;
	}
	.woocommerce ul.products li.product h3  {
		font-size: 12px;
		height: 40px;
}
}

Teóricamente tu template es completamente responsivo, te sugiero consultar con el desarrollador del tema ya que pareciera que le faltaron elementos por adaptar -> https://themeforest.net/item/lifecare-responsive-medical-wordpress-theme/7813491

Saludos.

Ya realice el cambio, ya comienzan a leerse completas los titulos de los productos, pero los botones no se muestran alineados, siguen msotrandose uno mas arriba y otro mas abajo

Hola Jaime,

Localiza el siguiente CSS:

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

Modifícalo de la siguiente manera:

.woocommerce ul.products li.product h3 {
    height: 80px;
}

Saludos.