Cara Menghapus Gambar Background Pada Laman Post Template Emporio




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

Post Terkait :

Komentar