fbpx
Personalizar la imagen de producto en WooCommerce

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%;
}