Sudah jadi style tema emporio yaitu gambar postingan menjadi backcground pada halaman postnya. Setiap ganti laman post gambar pun berubah menyesuaikan gambar post yang di paling atas postingan. Dan gambar blur menghias dibawah sticky header, menempel sebagian tertindih lembar arikel. Keren menurut saya, tapi sebagian orang tidak menyukai tampilan background tersebut dengan berbagai macam alasan. Kaka dari itu mereka selalu ingin menghapusnya. Lalu bagaimna cara menghapusnya.
Cara menghapus gambar background Pada laman post template emporio.
Pertama cari kode dibawah
.bg-photo-container,.bg-photo-container .bg-photo
Lalu Ganti nilai height menjadi 0
seperti contoh gambar dibawah
Lalu ke kode berikutnya .bg-photo-container .bg-photo
Tambahkan display:none; pada kode .bg-photo-container .bg-photo
Seperti gambar dibawah ini
Kemudian cari kode .item-view .bg-photo-container+.centered .centered-bottom .post-wrapper
Ganti margin-top nya menjadi 0px
seperti contoh
Lalu save.
Sebenarnya sudah selesai, namun pada tampilan mobile dengan menekan tombol ctrl+shift+M jika menggunakan Mozilla akan terlihat sperti gambar dibawah ini . Ada ruang kosong dibawah sticky header.
Untuk merapatkannya Agar lebih responsive cari kode
.item-view .bg-photo-container+.centered .centered-bottom .post-wrapper
Ganti nilai margin-top :- 240 menjadi -300px atau sesuaikan
seperti contoh
Save dan lihat hasilnya Tak ada ruang kosong lagi.
Sekian
Komentar
Posting Komentar