Cara Menghapus Perbatasan Bilah Sisi Divi

Satu hal yang hampir setiap pengguna Divi ingin tahu bagaimana melakukannya dengan tema Divi adalah menghapus batas bilah sisi. Untungnya, ini adalah tugas yang sederhana. Ini dapat dilakukan dengan kode, tetapi yang lebih penting, ini mudah dilakukan dengan Divi Theme Builder. Pada artikel ini, kami akan menunjukkan kepada Anda cara menghapus batas bilah sisi Divi menggunakan kedua metode dan kami akan melihat mengapa menggunakan Divi Theme Builder memberi Anda hasil terbaik.

Bilah Sisi Divi Default

Halaman default Divi dan tata letak posting menempatkan garis antara konten dan bilah sisi. Banyak elemen bilah sisi dapat ditata atau disesuaikan dengan penyesuai tema, tetapi baris ini bukan salah satunya. Ini adalah area di mana opsi WordPress kurang.

Opsi tema Divi memungkinkan Anda untuk memindahkan bilah sisi ke kanan atau kiri, tetapi tidak menyertakan opsi gaya.

Divi juga menambahkan pengaturan yang memungkinkan Anda memilih tata letak bilah sisi pada halaman dan tingkat posting. Ini bahkan termasuk opsi untuk menghapus bilah sisi sehingga tidak ada widget yang ditampilkan, memungkinkan area konten untuk menggunakan lebar penuh halaman web.

Opsi ini memberi Anda kendali atas tata letak, tetapi tidak atas gaya dan mereka tidak menghapus batas bilah sisi. Mari kita lihat dua metode untuk menata atau menghapus batas bilah sisi Divi.

Menghapus atau Menata Perbatasan Sidebar Divi dengan Kode

Pertama, mari kita lihat cara menghapus atau menata batas sidebar tema Divi dengan menambahkan kode ke Divi.

Anda harus menambahkan beberapa CSS ke bidang Divi Theme Options Custom CSS . Untuk mengakses bidang CSS Kustom, buka Divi > Opsi Tema di menu dasbor WordPress. Tetap di tab Umum dan gulir ke bagian bawah pengaturan untuk menempelkan kode Anda.

Inilah CSS yang Anda perlukan:

#main-content .container:before {
width:0;
}
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

Kode ini memberi tahu WordPress bahwa batas area widget tidak memiliki lebar, sehingga tidak ditampilkan.

Rekatkan kode ke bidang CSS Khusus dan simpan perubahannya.

Perbatasan sekarang dihapus. CSS berfungsi dengan tema Divi untuk menghapus batas bilah sisi, tetapi itu tidak ideal dan tidak semua orang ingin menangani kode apa pun. Bagaimana jika Anda ingin membangun halaman blog dengan Divi Builder? Pilihan terbaik adalah menggunakan Divi Theme Builder.

Cara Menggunakan Pembuat Tema Divi untuk Menghapus Perbatasan Sidebar Divi tanpa Kode

Anda juga dapat menggunakan tema Divi untuk menghapus batas bilah sisi tanpa kode. Buka Divi Theme Builder dengan memilih Divi > Theme Builder di menu dashboard WordPress. Jika Anda belum memiliki layout blog, pilih Add New Template .

Template ini akan ditetapkan ke halaman blog Anda, halaman arsip, atau halaman lain yang Anda inginkan, jadi pastikan Anda telah membuat halaman ini terlebih dahulu.

Modal akan terbuka di mana Anda dapat memilih di mana template ini akan muncul. Pilih halaman blog Anda di bawah Halaman Tertentu . Anda juga dapat membuat halaman arsip, halaman penulis, halaman kategori, halaman tanggal, halaman tag, dan banyak lagi. Klik Simpan setelah Anda menentukan pilihan.

Template kosong sekarang ditetapkan ke halaman Anda. Selanjutnya, Anda harus membuat tata letak blog. Klik pada area berlabel Add Custom Body .

Ini akan membuka kotak tarik-turun tempat Anda dapat memilih untuk membuat badan khusus atau menambahkannya dari pustaka. Klik pada pilihan Anda. Saya memilih untuk membuat badan khusus.

Modul Bilah Sisi Divi

Saya telah memilih tata letak dua kolom dan menempatkan modul blog di sebelah kiri, dan modul bilah sisi di sebelah kanan. Karena ini adalah modul Divi, Anda dapat menempatkan bilah sisi di mana pun Anda inginkan, tetapi saya menggunakan desain sisi kanan tradisional.

Modul ini dirancang untuk ditempatkan di sisi kanan atau kiri dan menempatkan perbatasan yang sesuai. Secara default, modul diatur untuk ditampilkan sebagai bilah sisi kiri, sehingga batas berada di sisi kanan widget.

Untuk mengubah layout, buka modul, pilih tab Design , lihat bagian Layout , dan pilih Right di kotak dropdown Alignment . Contoh ini sekarang memiliki batas di sebelah kiri area widget, menjadikannya bilah sisi kanan.

Gunakan pengaturan ini jika Anda ingin membuat tampilan batas bilah sisi. Perataan tidak masalah jika Anda ingin menonaktifkan perbatasan. Saya yakin Anda telah memperhatikan sakelar di bawah kotak dropdown Alignment .

Opsi kedua di bagian Tata Letak adalah sakelar yang disebut Show Border Separator . Ini memungkinkan Anda untuk menonaktifkan atau mengaktifkan perbatasan. Ini diaktifkan secara default. Cukup klik sakelar. Perbatasan sekarang dihapus dari bilah sisi. Simpan tata letak dan keluar dari editor. Semudah itu.

Terakhir, pilih Simpan Perubahan sebelum meninggalkan Divi Theme Builder. Sekarang menunjukkan badan khusus untuk halaman Blog.

Halaman blog saya sekarang menunjukkan bilah sisi tanpa batas. Tentu saja, ada beberapa hal lagi yang dapat Anda lakukan jika Anda menginginkan desain yang lebih baik.

Membuat Perbatasan Bilah Sisi Divi Kustom

Jika Anda tidak ingin menggunakan tema Divi untuk menghapus batas bilah sisi, tetapi tidak ingin batas standar WordPress, Anda dapat membuat batas bilah sisi khusus menggunakan modul bilah sisi Divi.

Di tab Desain modul bilah sisi, gulir ke pengaturan Perbatasan . Di sini, Anda dapat menambahkan batas ke satu sisi modul. Pilih setiap sisi yang tidak ingin ditampilkan batasnya dan atur lebar batasnya ke 0. Anda juga dapat memilih lebar batas, memilih warna, dan memilih gaya. Style termasuk solid, dashed, dotted, double, groove, ridge, inset, outset, dan none.

Untuk sisi yang ingin Anda tampilkan batasnya, pilih lebar batas, warna, dan gaya. Dalam contoh ini, saya memilih untuk menampilkan batas hanya di sisi kiri modul. Saya telah mengatur lebar batas menjadi 7 piksel, warna menjadi oranye terang, dan gaya batas menjadi putus-putus.

Halaman blog saya sekarang menampilkan perbatasan sidebar Divi kustom saya.

Anda bahkan dapat menambahkan bayangan kotak ke tiga sisi lainnya jika Anda mau. Dalam contoh ini, saya telah membulatkan batas untuk sisi kanan. Saya mengklik tautan di tengah, sehingga batas putus-putus tetap lurus. Saya juga telah menyesuaikan bayangan kotak untuk mendapatkan desain yang saya inginkan.

Inilah desain akhir saya dengan batas putus-putus. Sidebar menyatu dengan baik dengan desain blog.

Kembali ke ide menggunakan tema Divi untuk menghapus batas bilah sisi, inilah tata letak blog terakhir saya. Saya suka bagaimana ini ternyata. Ini menunjukkan bahwa menggunakan modul Divi membuka banyak kemungkinan untuk desain bilah sisi.

Kesimpulan

Itulah tampilan kami tentang cara menggunakan tema Divi untuk menghapus batas bilah sisi. Ini cukup sederhana untuk dihapus dalam kode tetapi menggunakan Divi Theme Builder memberi Anda lebih banyak opsi, yang memberi Anda lebih banyak kontrol atas desain. Fitur ini sangat mendasar, tetapi itu adalah sesuatu yang ingin dipelajari sebagian besar pengguna Divi. Ini juga merupakan latihan yang baik untuk mempelajari bagaimana penyesuaian kecil dalam modul Divi dapat membuat perbedaan besar dalam desain situs web Anda.

Kami ingin mendengar dari Anda. Sudahkah Anda menghapus batas bilah sisi Divi menggunakan salah satu metode ini? Beri tahu kami tentang pengalaman Anda di komentar di bawah.

Gambar Unggulan melalui Andrew Rybalko / shutterstock.com