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..

Download Sejoli Disini

Gambar member Area Affiliate Store

Langsung saja saya jelaskan disini Cara Custom member Area Sejoli menggunakan CSS Tambahan

1. 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
   
   
2. 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..