Cách thêm hình cho tab trong flatsome

flatsome
29/11/21
0

trong một số trường hợp các bạn cần thêm hình cho tab trong flatsome để cho web sinh động và đẹp hơn , Hôm nay mình sẽ chỉ bạn thêm hình cho tab để web bạn lung linh hơn nhé.

Cách thêm hình cho tab trong flatsome

Để thêm hình vào tab bạn chỉ cần build vào web . sau đó bạn thêm tab bình thường vào web chọn Style : simple

Cách thêm hình cho tab trong flatsome
Cách thêm hình cho tab trong flatsome

Sau đó cho css sau vào :

Giải thích 1 chút về code Css sau : 

.col-inner ul li:nth-child(1).tab <= số 1 là số thứ tự trong TAB đó , nếu bạn có nhiều hơn 3 TAB cứ đặt tiếp là 4 ,5,6 .. và tiếp thôi.

Nhớ change hình
/wp-content/uploads/2021/11/1.png

/wp-content/uploads/2021/11/2.png

/wp-content/uploads/2021/11/3.png

Thành hình của bạn muốn úp lên nhé .

 

Sau khi thêm xong lưu lại và xem kết quả nhé

Cách thêm hình cho tab trong flatsome
Cách thêm hình cho tab trong flatsome

 

Nếu bạn làm ko được bạn có thế để lại bình luận mình có thể giúp nhé

 

Chúc bạn thành công

 

theo :https://flatsome.xyz/cach-them-hinh-cho-tab-trong-flatsome.html