Custom category Flatsome bằng Css (phần 1)

Custom category Flatsome bằng Css cho chuyên mục đẹp mắt

Nếu các bạn tiếp xúc nhiều với Flatsome, bạn sẽ thấy trong category Flatsome chỉ có 2 kiểu hiển thị là list và grid. Hiện thị khá nhàm chán , hôm nay AN NHIÊN sẽ chỉ cách Custom category Flatsome bằng Css cho chuyên mục đẹp mắt và không giống các mặc định mình thường thấy nhé.

Muốn custom category các bạn vào Tùy biến –> Blog –> Blog Archive –> Chọn “List”

Sau đó các bạn quay lại custom Css và chèn code này vào nhé:

/*Custom category Flatsome – Flatsome.xyz */

.blog–archive .post–item:nth–child(1) .box–image {

width: 55%!important;

}

.post–item:nth–child(1) .box–text .post–title{font–size:18px;margin–bottom:10px}

.blog–archive .post–item:nth–child(1) .box–text{padding–top:0;padding–right:0;padding–bottom:0;

}

.blog–archive .post–item:nth–child(2), .blog–archive .post–item:nth–child(3), .blog–archive .post–item:nth–child(4),

.blog–archive .post–item:nth–child(5) {

max–width: 50%;

flex–basis: 50%;

display: block !important;

}

.blog–archive .post–item:nth–child(2) .box–text p, .blog–archive .post–item:nth–child(3) .box–text p, .blog–archive .post–item:nth–child(4) .box–text p,