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é.

Video Hướng dẫn Thiết Kế Website WordPress

Chợ WordPress chuyên bán Theme, Plugin cho WordPress uy tín số 1, mình sẽ làm thêm video nhiều hơn để hướng dẫn ae về tất cả mọi thứ liên quan đến WordPress, hy vọng a e ủng hộ mình, mình sẽ hỗ trợ nhiệt tình ạ, Cảm ơn a e.

Hướng Dẫn Thiết Kế Website Bán Hàng Chuyên Nghiệp Chuẩn SEO A-Z với Flatsome
Hướng dẫn thiết kế Website WordPress Chuẩn SEO với Elementor Pro

back top