Personalizar la imagen de producto en WooCommerce

En este vídeo veremos cómo personalizar la imagen de producto de WooCommerce en Divi.

Código cambiar icono por texto al pasar el ratón

.woocommerce .et_overlay:before {
    left: 0;
    margin-left: 0;
    content: 'VER MÁS';
    /*** TEXTO  ***/
    font-family: 'Source Sans Pro', Arial !important;
    /*** TIPOGRAFÍA ***/
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    /*** COLOR DEL TEXTO ***/
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 5px 0;
}

Código para redondear imagen de producto

.woocommerce ul.products li.product a img,
.et_overlay {
    border-radius: 50%;
}

Crea tu web en 1 hora

Aprende fácilmente a crear una Web Profesional gratis (deja tu mejor correo y accede al vídeo paso a paso)👇