Cara Cepat Menghapus Sidebar Blog di Tema Divi. Pada halaman default seperti posting, kategori, arsip dan halaman 404 selalu ada sidebar. Dalam tutorial ini saya akan menjelaskan bagaimana Anda dapat menghapus sidebar secara global tetapi juga pada setiap halaman individual.
Mari kita mulai dengan menghapus sidebar secara global.
Hapus Sidebar secara global
Untuk menghapus Sidebar di semua halaman Anda, Anda dapat menggunakan script CSS ini.
script pertama menghilangkan garis vertikal tipis.
script kedua menghapus Sidebar
script ketiga membuat konten Anda 100% lebar (Sidebar telah dihapus sehingga Anda dapat menggunakan semua ruang).
/* Remove sidebar */
#sidebar {
display:none;
}/* Remove thin line */
#main-content .container:before {
background: none;
}/* Make content 100% width */
@media (min-width: 981px){
#left-area {
width: 100%;
padding-right: 0px !important;
}}
Tempatkan script ini di Appearance >> Customize >> Additional CSS atau di child theme CSS style sheet.
Hapus sidebar pada halaman posting
Untuk menghapus sidebar hanya pada posting blog Anda, Anda dapat menggunakan CSS berikut.
/* Remove sidebar */
.single #sidebar {
display:none;
}/* Remove thin line */
.single #main-content .container:before {
background: none;
}/* Make content 100% width */
@media (min-width: 981px){
.single #left-area {
width: 100%;
padding-right: 0px !important;
}}
Hapus sidebar pada halaman kategori
Untuk menghapus sidebar hanya pada posting kategori Anda, Anda dapat menggunakan CSS berikut.
/* Remove sidebar */
.category #sidebar {
display:none;
}/* Remove thin line */
.category #main-content .container:before {
background: none;
}/* Make content 100% width */
@media (min-width: 981px){
.category #left-area {
width: 100%;
padding-right: 0px !important;
}}
Hapus sidebar pada halaman arsip
Untuk menghapus sidebar hanya pada halaman arsip Anda, Anda dapat menggunakan CSS berikut.
/* Remove sidebar */
.archive #sidebar {
display:none;
}/* Remove thin line */
.archive #main-content .container:before {
background: none;
}/* Make content 100% width */
@media (min-width: 981px){
.archive #left-area {
width: 100%;
padding-right: 0px !important;
}}
Hapus sidebar di halaman 404
Untuk menghapus sidebar hanya pada halaman 404 Anda, Anda dapat menggunakan CSS berikut.
/* Remove sidebar */
.error404 #sidebar {
display:none;
}/* Remove thin line */
.error404 #main-content .container:before {
background: none;
}/* Make content 100% width */
@media (min-width: 981px){
.error404 #left-area {
width: 100%;
padding-right: 0px !important;
}}
Dan demikianlah akhir dari tutorial Cara Cepat Menghapus Sidebar Blog di Tema Divi. semoga bermanfaat dan kalau ada yang ingin ditanyakan silakan tinggalkan pesan di komentar dibawah.