Desktop
Seluler Unduh Tata Letak Logo Klien GRATIS Untuk mendapatkan tata letak logo klien gratis, Anda harus mengunduhnya terlebih dahulu menggunakan tombol di bawah. Untuk mendapatkan akses ke unduhan, Anda harus berlangganan daftar email Divi Daily kami dengan menggunakan formulir di bawah ini. Sebagai pelanggan baru, Anda akan menerima lebih banyak kebaikan Divi dan paket Tata Letak Divi gratis setiap hari Senin! Jika Anda sudah ada dalam daftar, cukup masukkan alamat email Anda di bawah ini dan klik unduh. Anda tidak akan "berlangganan ulang" atau menerima email tambahan. Unduh File
Unduh Gratis Bergabunglah dengan Divi Newsletter dan kami akan mengirimkan email kepada Anda salinan Paket Tata Letak Halaman Arahan Divi terbaik, ditambah banyak sumber daya, tip, dan trik Divi yang luar biasa dan gratis. Ikuti dan Anda akan menjadi master Divi dalam waktu singkat. Jika Anda sudah berlangganan cukup ketik alamat email Anda di bawah ini dan klik unduh untuk mengakses paket tata letak.
Anda telah berhasil berlangganan. Silakan periksa alamat email Anda untuk mengonfirmasi langganan Anda dan dapatkan akses ke paket tata letak Divi mingguan gratis!
Mari Mulai Berkreasi! Tambahkan Bagian Baru Warna latar belakang Mulailah dengan menambahkan bagian baru ke halaman baru atau yang sudah ada. Buka pengaturan bagian dan ubah warna latar belakang.
- Warna Latar Belakang: #000000
- Padding Atas: 200px
- Padding Bawah: 200px
- Lebar Perbatasan: 1vw
- Warna Perbatasan: #ffffff
Tambahkan Baris #1 Struktur Kolom Lanjutkan dengan menambahkan baris baru ke bagian menggunakan struktur kolom berikut:
Perekat Tanpa menambahkan modul apa pun, buka pengaturan baris dan tambah lebar maksimum baris.- Lebar Maks: 1500px
- Desktop: Arahkan kursor ke logo klien untuk melihat apa yang mereka katakan!
- Tablet & Telepon: Klik logo klien untuk melihat apa yang mereka katakan!
- Judul 2 Font: Work Sans
- Judul 2 Perataan Teks: Tengah
- Judul 2 Warna Teks: #ffffff
- Judul 2 Ukuran Teks: 40px (Desktop), 30px (Tablet), 25px (Ponsel)
- Tampilkan Pembagi: Ya
- Warna Garis: #ffffff
- Berat Pembagi: 4px
- Lebar: 10%
- Penyelarasan Modul: Pusat
- Margin Atas: 100px
Tambahkan Baris #2 Struktur Kolom Tambahkan baris lain tepat di bawah yang sebelumnya dan gunakan struktur kolom berikut untuk itu:
Perekat Buka pengaturan baris dan ubah pengaturan ukuran di berbagai ukuran layar. Pastikan Anda juga menyamakan ketinggian kolom, ini akan membantu langkah selanjutnya; memusatkan isi kolom.- Samakan Tinggi Kolom: Ya
- Lebar: 100% (Desktop), 80% (Tablet & Ponsel)
- Lebar Maks: 1500px
- Tinggi Min: 500px (Desktop), otomatis (Tablet & Ponsel)
align-items: center;
Tambahkan Modul Blurb ke Kolom Biarkan Konten Default Kosong Sekarang, untuk mengganti logo klien di hover, kita akan menggunakan Modul Blurb. Mulailah dengan yang pertama di kolom 1. Pastikan Anda mengosongkan judul default dan isi isi tetapi terus aktifkan opsi arahkan kursor pada keduanya. Tambahkan Konten di Arahkan kursor Masukkan beberapa konten tertulis pilihan Anda di kedua bidang hover. Gambar Standar Lanjutkan dengan mengunggah logo perusahaan pilihan Anda di pengaturan gambar & ikon. Hapus Gambar di Arahkan kursor Kami akan mengganti logo klien saat melayang dengan menghapus seluruhnya dalam status melayang. Arahkan Warna Latar Belakang Seperti yang Anda lihat di pratinjau posting ini, kami juga mengubah warna latar belakang modul saat mengarahkan kursor. Jangan gunakan warna latar belakang default dan tambahkan kode warna berikut saat mengarahkan kursor:- Warna Latar Belakang: #191919
- Penjajaran Gambar/Ikon: Tengah
- Warna Teks: Cahaya
- Judul Judul Level: H3
- Judul Font: Work Sans
- Ukuran Teks Judul: 24px
- Tinggi Baris Judul: 1.4em
- Font Tubuh: Buka Sans
- Warna Teks Tubuh: #8c8c8c
- Tinggi Garis Tubuh: 2.5em
- Padding Atas: 0px
- Padding Bawah: 0px
- Padding Kiri: 0px
- Padding Kanan: 0px
- Padding Atas: 20px
- Padding Bawah: 50px
- Padding Kiri: 50px
- Padding Kanan: 50px
Transisi Selesaikan pengaturan modul dengan menghapus durasi transisi default. Ini akan memungkinkan testimonial langsung muncul saat mengarahkan/mengklik logo.
- Durasi Transisi: 0ms
