3AReal.com – Hướng dẫn chèn hình lớn cho dự án không có SLider

  • Ví dụ dự án :
  • Vào chỉnh sửa dự án cần chèn hình
  • Ở ngay Section Row đầu tiên, chọn Edit Section đó( Section trống – nếu muốn thêm thành phần nào lên hình thì add element vào section đó):
  • Chuyển sang tab Design Options – Thêm ảnh cho phần Background -> Chọn Cover để ảnh không bị lặp lại – Lưu lại:
  • Kết quả: 
  • Nếu muốn Hình ảnh này nằm phía sau Phần Header (gồm Logo+Menu) ta làm như sau:
  • Scroll xuống mục View Option:
  • Tìm đến  mục Banner Position -> Chọn Behind Header
  • Kết quả:
  • Như ta thấy thì phần này bị chèn Bởi Section Chứa Tiêu đề trang(Page Title) và Điều hướng trang (BreadCrumbs) – Để bỏ mục này ta làm như sau:
  • Ở Mục View Option -> tick vào mục Hide Page TitleHide Breadcrumbs: 
  • Lưu lại và kiểm tra kết quả:
  • Để tùy chỉnh chiều cao (Height) cho ảnh này ta làm như sau:
  • Bước 1: Chọn Section chứa ảnh -> Bỏ tick mục Full Height section:
  • Bước 2: Ở Section chứa ảnh ta thêm 1 element Empty Space, nhập vào độ cao theo ý muốn :
  • Ví dụ cao 500px:
  • Lưu lại và kiểm tra kết quả:

Webkimcuong Solutions – Chuyên thiết kế & thi công website chuyên nghiệp – Ecommerce – Web App Mobile

Email: info.webkimcuong@gmail.com

Hotline: 0909.490.6190396.08.23.23

Was this article helpful?

Related Articles

Leave A Comment?

You must be logged in to post a comment.