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