Code dấu cộng FAQ

Sau đây là Đoạn code hình dấu cộng trừ làm đẹp website của bạn, bạn chỉ cần dán vào CSS bổ sung trong website WordPress của bạn là được.

.accordion-item {
background: #fff;
border-radius: 10px;
margin-bottom: 12px;
border: 1px solid #eee;
overflow: hidden;
}

.accordion-title {
padding: 16px 20px;
font-weight: 600;
font-size: 15px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}

.accordion-title i,
.accordion-title .toggle {
display: none !important;
}

.accordion-title::after {
content: "+";
width: 32px;
height: 32px;
background: #eaf7ea;
color: #2ecc71;
font-size: 20px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
transition: 0.3s;
}

.accordion-item.active .accordion-title::after {
content: "−";
background: #2ecc71;
color: #fff;
}

.accordion-inner {
padding: 15px 20px;
border-top: 1px solid #eee;
}