ĐẶT CÂU HỎI

Tạo tab bên phải và add thêm Title trong flatsome

Tạo tab bên phải và add thêm Title trong flatsome

Có nhièu bạn hỏi làm sao cho cái tab đẹp hơn chút ah , mặc định của tab có sẳn trong Flatsome nó không có gì đặc sắc chỉ gọi là đủ dùng và trong thực tế đủ dùng là chưa đủ phải đẹp nhé hi

Hôm nay mình sẽ cho bạn cách  Tạo tab bên phải và add thêm Title  bằng css cho đẹp và phù hợp với theme đang dùng và tiện share lại cách làm của mình cho anh em tham khảo . Mời anh em xem bài Tạo tab bên phải và add thêm Title trong flatsome ở dưới nhé – Hi vọng qua bài nên các bạn sẽ có thêm nhièu lựa chọn cho Tab Flatsome nhé

Tạo tab bên phải và add thêm Title trong flatsome

Để dễ hình dung minh add hình mình đang làm cho anh em dễ hình dung

Tạo tab bên phải và add thêm Title trong flatsome
Tạo tab bên phải và add thêm Title trong flatsome

Cũng Bình thường đúng không điều khác với nhưng tab khác là cái tab nằm bên phải ( mặc định nó nằm bên trái ) và có thể Dòng Tựa đề bên trái 🙂 Nội dung tab bên dưới chung ta hay thấy trong các trang thương mại điện tử – Vâng bắt tay vào việc nào

Cách làm Tạo tab bên phải

Để thêm tab thì như thông thường bạn phải tại Table = > colum (12) = > tab

Tạo tab bên phải và add thêm Title trong flatsome
Tạo tab bên phải và add thêm Title trong flatsome

Nhớ đặt tên Class cho tab nhé ( ở bài này tớ đặt là hethong – > css class của tớ sẽ có hethong trước bạn đừng thắc mắc nhé )

Tạo tab bên phải và add thêm Title trong flatsome
Tạo tab bên phải và add thêm Title trong flatsome

 

– Hình tớ note sai = > chọn định dạng bên phải nhé 🙂

 

Tiếp chèn 1 texbox bên trên đặt tên class là hethong-title như hình ( tên class sẽ có css bên dưới dùng nhé )

Tạo tab bên phải và add thêm Title trong flatsome
Tạo tab bên phải và add thêm Title trong flatsome

 

Lưu lại và chèn css bên dưới vào nhé

Note  : .hethong .nav-left – do ban đầu tớ ko chọn định dạng bên phải ( mặc đinh đang là bên trái bên mới có css này ) – Nếu bạn chọn bên phải bỏ dòng này nhé

 

OK giờ bạn có thể lưu lại và xem thành quả nhé

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

Theo : https://uxthemes.net

Điểm 5/5 - ( Có 2 bình chọn)
Bài viết được viết bợi Flatsome.xyz và đăng ký bản quyền tại DMCA Protection Status
- Ghi rõ nguồn góc bài viết khi bạn đăng lại bài viết này !
- Hãy tôn trọng người khác nghĩa là bạn đang tôn trọng chính mình !