Ada banyak kali Anda ingin menempatkan dua tombol Divi di samping satu sama lain, tetapi Anda tidak bisa.
Tentu, Anda dapat mencoba menambahkan modul tombol ke kolom yang berbeda, tetapi terkadang itu tidak praktis. Satu-satunya cara untuk menempatkan dua atau lebih modul tombol berdampingan di kolom yang sama adalah dengan menggunakan potongan kecil CSS. Tutorial Divi singkat ini akan menunjukkan caranya!
Buat Tombol Divi Sebaris
Tambahkan Cuplikan Kode CSS
Kami sebenarnya tidak akan melakukan apa pun pada Modul Tombol itu sendiri, melainkan ke kolom tempat Modul Tombol berada di dalamnya. Itu karena kita perlu menargetkan pembungkus tombol, dan ini adalah satu-satunya cara untuk melakukannya.
Temukan baris dan kolom tempat Anda ingin meletakkan tombol. Di kolom pengaturan, buka tab Lanjutan ke Kelas CSS. Tambahkan kelas "pa-inline-buttons" dan simpan.
Selanjutnya, tambahkan cuplikan berikut kotak Divi>Theme Options>Custom CSS Anda.
/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
display: inline-block;
}
Tambahkan Modul Tombol
Sekarang Anda dapat melanjutkan dan menambahkan dua atau lebih Modul Tombol di kolom itu. Mereka akan berbaris bersebelahan.
Sesuaikan Spasi Di Modul Tombol
Sekarang tentu saja Anda dapat menyesuaikan jarak, karena secara default mereka akan saling bertabrakan. Saya akan merekomendasikan masuk ke pengaturan tombol dan menambahkan margin kiri 10px atau lebih pada tombol kanan.
Pusatkan Tombol Di Kolom
Jika Anda ingin memusatkan tombol di dalam kolom, Anda perlu menambahkan potongan kode tambahan:
.pa-inline-buttons {
text-align: center !important;
}
Komentar