Paso 1: Haz clic en la ventana de CSS personalizado y pega el siguiente código. Presiona guardar.

/* default properties of section (transparent background (#FFFFFF00) with 0.5s transition)*/ 
#your-section {
    background-color: #FFFFFF00 !important;
    /*change the color of the line above */
    transition: ease 0.5s !important;
}

/* properties of section on hover (background changes to white (#FFF) with 0.5s transition)*/ 
#your-section:hover {
    background-color: #FFF !important;
        /*change the color of the line above */
    transition: ease 0.5s !important;
}

Este código actualmente hace que una sección sea transparente, pero cuando el usuario pasa el cursor sobre ella, el color de fondo de la sección cambia a blanco (con una transición de 0.5 segundos para mayor suavidad).

image.png

Paso 2: Haz clic en la sección/fila/elemento al que quieras aplicar el efecto y, en la pestaña Avanzado, copia su selector CSS.

image.png

Reemplaza “your-section” con el selector CSS de la sección/fila/elemento correcto y cambia la propiedad “background-color:” con los colores que desees.

Me gusta usar el sitio coolors.co para encontrar mis paletas de colores.