css - Review elementor widget no plugin

PHOTO EMBED

Tue Sep 27 2022 08:03:45 GMT+0000 (Coordinated Universal Time)

Saved by @mastaklance

/* ------------------------------------*\
   # Woo Review block no plugin
\*----------------------------------- */
.woocommerce #reviews #comments h2
{
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: var(--e-global-color-text);
}
.woocommerce #reviews #comments ol.commentlist
{
    width: unset;
    margin-top: 20px;
    margin-left: -50px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text
{
    margin: 0 0 0 12px;

    border: 1px solid var(--e-global-color-ccfcd46);
    border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p
{
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;

    letter-spacing: 1px;

    color: var(--e-global-color-text);
}
#woo-review-block .star-rating span::before
{
    color: var(--e-global-color-primary);
}
#woo-review-block p.stars a::before
{
    margin-top: 5px;

    color: var(--e-global-color-primary);
}

/* Comment section - post bottom */
#woo-review-block .comment-reply-title
{
    font-size: 1.2em;
    font-weight: 500;
    line-height: 2;

    letter-spacing: 1px;
    text-transform: uppercase;
}

#woo-review-block #respond p
{
    line-height: 2;
}
#woo-review-block #comment
{
    border: 1px solid var(--e-global-color-ccfcd46);
}

#woo-review-block .comment-respond .comment-form input,
#woo-review-block .comment-respond .comment-form textarea
{
    font-size: 1em;

    width: 100%;
    padding: 20px;

    border: 1px solid var(--e-global-color-ccfcd46);
    background: var(--e-global-color-accent);
}

/* change active text box border colors */
#woo-review-block textarea:focus,
#woo-review-block input:focus
{
    border: 1px solid var(--e-global-color-ccfcd46);
    outline: none;
}
#woo-review-block #respond .form-submit input
{
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1;

    left: auto;

    max-width: 300px;
    margin: 20px 0;

    text-align: center;
    letter-spacing: 1px;

    color: var(--e-global-color-text);
    border: 2px solid var(--e-global-color-text);
    border-radius: 0;
    background-color: transparent;
}
#woo-review-block #respond .form-submit input:hover
{
    color: #fff;
    border: 2px solid var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
}

#woo-review-block .comment-form-email,
#woo-review-block .comment-notes
{
    position: absolute;

    visibility: hidden;
}
content_copyCOPY