Hướng dẫn và chia sẻ
Hướng dẫn thêm banner khuyến mãi ở trên cùng của theme Flatsome
Hôm nay mình sẽ chia sẻ cho các bạn 1 cái tip nhỏ để có thể thêm được 1 cái banner full hàng ngang ngay trên đầu của phần header, tip này được sử dụng cho theme Flatsome nhé.
Demo sẽ như thế này:
Đầu tiên các bạn chuẩn bị cho mình 1 tấm hình với chiều ngang có phần nội dung bằng với chiều ngang của layout mà các bạn lựa chọn.
Sau đó tạo 1 Uxblock mới các bạn tạo giúp mình theo các element sau:
Element image thì các bạn thêm cái hình banner 1200px ban đâu vào, đối với các section bạn thay màu background trùng vs màu của banner 1200px nhé.
section các bạn chỉnh padding:0.
sau đó các bạn dán đoạn function sau vào file functions.php nhé
function add_block_header_top(){ echo do_shortcode('}add_action('flatsome_before_header','add_block_header_top'); |
Sau đó các bạn thêm 1 chút css là nó sẽ trở nên gọn hơn.
#wrapper>.section .col{ padding:0} |
Như vậy là xong, tận hưởng kết quả nhé, chúc các bạn thành công.
Nguồn: https://pttuan410.com
Bài viết liên quan
Hướng dẫn sử dụng NEWS AUTO REWRITER
Hướng dẫn sử dụng toàn tập Plugin TK Video Hub Pro
Hướng dẫn sử dụng Woo Serial Manager & Scanner