Chỉnh css bảng table trong Flatsome Theme

Chia sẻ

Mặc định table trong wordpress hay theme thường không đẹp, không có viền hoặc màu viền bảng rất nhạt, những mục chính đầu tiên ko có màu nền, nên mình sẽ hướng dẫn làm đẹp bảng trong theme, ở đây là theme flatsome wordpress.

Css bảng wordpress trông đẹp hơn nhìn nổi bật hơn.

Đầu tiên các bạn vào thêm css vào file style.css trong theme hoặc thêm ở Giao diện -> tùy biến -> custom css.
 
table tr:nth-child(1) {
    background: #124750;
    color: #fff;
}
table tr:nth-child(1) td {
    color: #fff;
}
table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
}
table td {
    border: 1px solid #124750;
}

Ok vậy là đã xong kết quả đây ạ.

Mã màu của bảng này là #124750 bạn có thể đổi mã màu khác tùy ý nhé.

back top