Themes

Css lại blockquote mặt định của Flatsome

Css lại blockquote mặt định của Flatsome như sau blockquote { font-size: 110%; color:#666; margin: 0 auto; border-left:0px; margin-left: 20px; padding-bottom: 50px; } blockquote h1 { font-size: 3rem; } blockquote p { font-style: italic; margin-bottom: 0; } blockquote p::before, blockquote p::after { content: "“"; font-family: Georgia; font-size: 6rem; margin: -3rem [...]

Tạo pupup/Form liên hệ báo giá bằng lightbox trong theme flatsome

Phần 1: Code lightbox của Flatsome thêm vào phần html của theme trong header Phần 2: Code Block form báo giá (tạo trong UXblocks), trong cái block này chúng ta cỏ thể link contact form 7 (như ví dụ bên dưới) hoặc các form khác tùy theo yêu cầu   [...]

Side bar menu với icon

Side bar menu với icon, tải code [download id=”968″] DEMO CODE [...]

Một số code&css hay dùng trong theme Flatsome

Một số code&css hay dùng trong theme Flatsome Dưới đây là một số đoạn code và css hay dùng trong theme Flatsome, mình lưu lại theo danh mục để tiện tra cứu sử dụng 1. CSS cho khung search .form-flat input:not([type="submit"]) { border-radius: 4px; font-size: 15px; background-color:white; } 2. Dùng [...]

Fix lỗi menu 3 cấp trên Flatsome

Đoạn code fix lỗi menu 3 cấp của Flatsome .nav-dropdown>li.nav-dropdown-col { display:block } .nav-dropdown { border:1px solid #ddd; padding:0 } .nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a { font-weight:normal !important; text-transform:none !important; font-size:15px; font-weight:500 } .nav-dropdown .nav-dropdown-col>ul li:hover { /** chinh mau o day **/ background:#db0000 } .nav-dropdown-default>li:hover>a,.nav-dropdown .nav-dropdown-col>ul li:hover>a { color:white } [...]

Tạo popup báo giá bằng Lightbox trong Flatsome [VIDEO]

Tạo pop up báo giá, dùng lightbox trong Flatsome. Flatsome wordpress theme được xài nhiều hiện nay vì bản thân theme này hỗ trợ rất nhiều cho người dùng, một trong những chức năng hot của Flatsome là tạo các popup bằng Lightbox. Trong nội dung bài viết này mình [...]

[UX Builder] Tạo slide sản phẩm & bài viết để liên kết trong Flatsome [video]

Flatsome với các shortcode [UX Builder] giúp chúng ta làm được nhiều nhiệm vụ phức tạp mà không cần biết nhiều về code. Hôm nay mình sẽ giới thiệu các bạn làm slide để chèn hình ảnh hoặc danh sách các bài viết để chèn vào bất kỳ khu vực [...]

Hiển thị số lượt xem bài viết trong theme Flatsome không dùng plugin

Hiển thị số lượt xem bài viết trong WordPress giúp chúng ta đánh giá tốt hơn về phản ứng của khách hàng với nội dung bài viết. Các bạn có thể dùng các Plugin có sẵn để giải quyết nhanh vấn đề này. Tuy nhiên nếu bạn rành về code [...]