css - Review elementor widget no plugin
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;
}



Comments