İşte bir örnek WordPress pop-up CSS kodu:

.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 300px;
background-color: #fff;
z-index: 9999;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.popup h2 {
font-size: 24px;
margin-bottom: 20px;
}
.popup p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.popup button {
display: block;
margin: 0 auto;
padding: 10px 20px;
border: none;
border-radius: 4px;
background-color: #009688;
color: #fff;
font-size: 16px;
cursor: pointer;
}


Bu kod, bir .popup sınıfı ekleyerek bir pop-up penceresi oluşturur. Bu pencere, ekranın tam merkezinde yer alır ve 400 piksel genişliğinde ve 300 piksel yüksekliğindedir. Pencerenin arka plan rengi beyazdır ve 0.5 saydam siyah bir gölgeye sahiptir. Başlık ve metin için h2 ve p etiketleri kullanılır ve düğme için bir button etiketi kullanılır.