Cara Custom Membership Sejoli
Cara Custom Membership Sejoli - Nama Sejoli mungkin sudah tidak asing lagi di telinga anda, terutama Imers ( Internet Marketer ) Juga Affiliate Marketer,
Sejoli adalah sebuah Plugin Sistem Jual Beli OnLine Membership, Affiliasi dan Komisi Multi Tier berbasis WordPress.
Sejoli membantu Anda dalam berjualan online dengan 20 lebih fitur istimewa untuk produk digital seperti seperti Theme, Template Grafis dan Video, Apps, Script, Ebook, Tutorial, Membership, Ecourse, Seminar, Workshop dan lain-lain.
Maupun produk fisik seperti Fashion multi varian, kosmetik, herbal, aksesoris, property, MLM, produk dropship, membership keagenan, reseller dan lain-lain..
Di artikel ini saya tidak menjelaskan Fitur dan keunggulan dari Plugin Sejoli ini,
Saya hanya berbagi Pengalaman saja Cara Custtom Member Area Sejoli "Membership Sejoli" agar tampilannya berbeda dengan Standar "Defaultnya"
Di Bawah ini adalah Tampilan Member Area Sejoli "Membership Sejoli" Standar, sebelum kita custom, atau percantik tampilannya sesuai selera..
Anda bisa merubah Warna tampilan Default dari Membership Sejoli sesuka hati, dengan Cara yang akan saya Bagikan di Artikel ini..
Sebelum kita lanjut ke Panduannya,
Berikut tampilan Standar "Default" Membership Sejoli, Tampilan Bawaan dari Sejoli itu sendiri..
Gambar Member Area SupermarketDigital.COM
Dan Gambar di bawah ini adalah Tampilan Member Area yang menggunakan Sejoli yang sudah saya Custom, yang sudah saya ubah warna dari Defaultnya..
Langsung saja saya jelaskan disini Cara Custom member Area Sejoli menggunakan CSS Tambahan
- Anda masuk ke Menu Theme
Di Panduan ini saya menggunakan Theme Dari Landingpress, Jika anda Ingin menggunakan Theme dari Landingpress anda bisa mengunjungi Halaman Ini Theme Landingpress - Pilih dan Sesuaikan
Langkah selanjutnya, silahkan Pilih Menu Sesuaikan, Kemudian Pilih CSS Tambahan,
Lihat pada gambar Berikut ini..
Dan akan Terbuka Kolom Kosong, di dalam Kolom Tersebut silahkan Paste Kode CSS di bawah ini
h2.ui.header { font-size: 2rem; } .ui.header { border: none; margin: calc(2rem - .14285714em) 0 1rem; padding: 0 0; font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-weight: bold; line-height: 2em; text-transform: none; color: #3a3a3a; } .ui.visible.inverted.left.vertical.menu.sidebar.sejolisa-memberarea-menu { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 20px 0px; background: linear-gradient(to right, #673ab7, #512da8); } .ui.sidebar.menu .item { border-radius: 0!important; } .ui.inverted.menu .item, .ui.inverted.menu .item>a:not(.ui) { background: 0 0; color: #fff; font-weight: bold; } .ui.inverted.menu .active.item { background: #B0C4DE; color: #fff !important; } .ui.vertical.menu .menu .item { background: 0 0; padding: .5em 1.33333333em; font-size: .85714286em; color: #fff; } body { word-break: break-word; background: #EEE8AA !important; } a { color: #3a3a3a; text-decoration: none; }
Untuk Kode Warna anda bisa menggunakan Kode Warna HTML di Halaman Ini
Anda juga bisa menggunakan Gradient Color Di Halaman Ini
Terima Kasih, Semoga bermanfaat..
Posting Komentar untuk "Cara Custom Membership Sejoli"