CSS custom warna CommentKit WDP

				
					/* warna bg icon burung */ 
.wdp-wrap-link{ 
    background: #F3CBA8; 
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); 
} 
 
/* icon burung */ 
.wdp-link{ 
    color: #fbfbfb !important; 
} 
 
/* warna bg form */ 
.wdp-wrap-form { 
    background: #F3CBA8; 
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); 
} 
 
/* tombol kirim */ 
.wdp-container-form input[type=submit] { 
    color: #584A2F !important; 
    background: #fbfbfb !important; 
    font-family: alice !important; 
    border-radius: 20px 20px 20px 20px !important; 
    padding: 5px 20px 5px 20px !important; 
} 
 
.wdp-counter-info { 
    color: #ffffff !important; 
} 
 
.wdp-loading{ 
    background: #F3CBA8; 
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)) !important; 
} 
 
.wdp-container-form input[type=submit]:hover { 
    color: #fbfbfb !important; 
    background: #F95042 !important; 
    font-family: alice !important; 
    border-radius: 20px 20px 20px 20px !important; 
    padding: 5px 20px 5px 20px !important; 
} 
 
/* warna bg ucapan */ 
.wdp-wrapper.wdp-golden ul.wdp-container-comments li.wdp-item-comment { 
     
    background: #F3CBA8 !important; 
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)) !important; 
} 
 
/* warna nama pemberi ucapan */ 
.wdp-wrapper.wdp-golden ul.wdp-container-comments li.wdp-item-comment .wdp-comment-content .wdp-comment-info a.wdp-commenter-name { 
     
    color: #fbfbfb !important; 
    font-family: alice; 
    font-size: 16px !important; 
    font-weight: 500; 
} 
 
/* warna tanggal ucapan */ 
.wdp-wrapper.wdp-golden ul.wdp-container-comments li.wdp-item-comment .wdp-comment-content .wdp-comment-info .wdp-comment-time { 
     
    color: #ffffff !important; 
    font-family: alice; 
    font-size: 10px !important; 
} 
 
/* warna ucapan */ 
.wdp-wrapper.wdp-golden ul.wdp-container-comments li.wdp-item-comment .wdp-comment-content .wdp-comment-text p { 
     
    color: #fbfbfb !important; 
    font-family: alice; 
    font-size: 14px !important; 
     
} 
 
/* warna acction comment*/ 
 
.wdp-reply-link,.wdp-edit-link,.wdp-delete-link  { 
    color: #fbfbfb !important; 
} 
 
/* warna konfirmasi kehadiran */ 
.wdp-wrapper.wdp-golden ul.wdp-container-comments li.wdp-item-comment .wdp-comment-content .wdp-comment-info .wdp-post-author { 
     
    background-color: #FBFBFB; 
    color: #584A2F; 
    border-radius: 10px 10px 10px 10px; 
    padding: 3px 10px 3px 10px !important; 
} 
 
/* warna bg pagination */ 
.wdp-wrapper .wdp-holder { 
     
    background: #584A2F !important; 
} 
 
/* warna kata sebelumnya */ 
.wdp-wrapper .wdp-holder a.jp-previous { 
     
    color: #FBFBFB !important; 
} 
 
/* warna kata selanjutnya */ 
.wdp-wrapper .wdp-holder a.jp-next { 
     
    color: #FBFBFB; 
} 
 
.wdp-wrapper .wdp-holder a.jp-current, .wdp-wrapper .wdp-holder a.jp-current:hover { 
     
    color: #FBFBFB; 
} 
 
.wdp-wrapper.wdp-golden .wdp-holder a, .wdp-wrapper.wdp-golden .wdp-holder a:link, .wdp-wrapper.wdp-golden .wdp-holder a:visited { 
     
    color: #FBFBFB !important; 
}
				
			

Code css untuk menyembunyikan konfirmasi kehadiran comment kit WDP

				
					.wdp-select{
    visibility: hidden;
}
				
			

Code css untuk membuat button berkedip

				
					.elementor-button {
 transform: scale(1);
 animation: pulse 2s infinite;
}

@keyframes pulse {
 0% {
  transform: scale(0.95);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 5);
 }

 70% {
  transform: scale(1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
 }

 100% {
  transform: scale(0.95);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
}
				
			

Code Ganti Warna

				
					Ganti <span style="color: #93003C;">Warna</span>