Image Box merupakan widget yang menggabungkan antara gambar, judul, dan teks. Widget ini biasanya digunakan sebagai alternatif widget icon box. Mari kita bahas apa saja yang bisa dilakukan widget Image Box
Content
- Tambahkan foto pada bagian Choose Image
- Image Size: Tentukan ukuran gambar pada Image Box
- Title: Masukkan judul Image Box anda disini
- Description: Tulis deskripsi atau caption anda disini
- Link: Isi link untuk Image Box disini. Klik icon roda gigi untuk menambahkan nofollow atau buka link di tab baru
- Title HTML Tag: Tentukan tag HTML pada judul untuk efektifitas SEO
Style
Pada kolom style kita bisa mengedit Box, Image, dan Content
Box Image
Disini kita bisa mengatur posisi gambar serta teks dan judul
Image
- Spacing: Tentukan spasi antara gambar dan judul
- Width: Tentukan lebar gambar dari 0% hingga 100%
- Border Type: Pilih tipe border untuk Image Box
- Border Radius: Tentukan ukuran sudut border
- Hover Animation: Beri efek pada Image Box ketika kursor diarahkan ke widget (hover)
- CSS Filters: Sesuaikan style gambar dengan merubah CSS Filter. Disini anda bisa merubah Blur, Brightness (kecerahan), Contrast (kontras), Saturation (saturasi), dan Hue (warna) ketika tampilan normal dan hover
- Opacity: Atur transparansi pada tampilan normal dan hover
- Transition Duration: Atur waktu masing masing slide ketika tampil. Tuliskan dalam milidetik, jadi 1000 milidetik sama dengan satu detik
Content
Title
- Spacing: Tentukan jarak antara judul dan deskripsi
- Color: Atur warna judul
- Typography: Atur tipografi untuk judul
- Text Stroke: Tentukan ketebalan judul
- Text Shadow: Beri efek bayangan untuk judul
Description
- Color: Tentukan warna deskripsi
- Typography: Atur tipografi deskripsi
- Text Shadow: Beri efek bayangan pada deskripsi
Advanced
Atur pengaturan tambahan untuk widget ini