Ubah Warna Templete Twenty-One WHMCS

[Hosterbyte]

Halo semua,
Sekedar mau berbagi saja, bagi teman-teman yang menggunakan whmcs dengan templete Twenty-one agar tidak bosan dengan tampilan defaultnya yang terkesan putih abu-abu. Berikut ini mungkin bisa membuat mata lebih berwarna saat masuk ke portal whmcs.



Caranya cukup mudah dengan
1. Buat file custom.css di /templates/twenty-one/css
2. Kemudian paste kode css berikut

/* *****************************************************

    ** Custom Stylesheet WHMCS Twenty-One**

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

.primary-bg-color{background-color:#fff}

footer.footer{background-color:transparent;color:#196F3D;}
footer.footer .nav-link{color:#000}
footer.footer .btn{background-color:#85d44a;color:#fff;}

.card-header{background-color:#196F3D;border-bottom:1px solid #85d44a;color:#fff;}
.client-home-cards .card-header{background-color:#196F3D;}
.client-home-cards .card-body {padding-top:20px;}

.sidebar .list-group-item.active,.sidebar .list-group-item.active:focus,.sidebar .list-group-item.active:hover,.list-group-item .list-group-item-action .active{background-color:#3e3d3d;border-color:#fff}

header.header .topbar{background-color:#196F3D;color:#fff;}
header.header .topbar .btn{color:#fff;}
header.header .topbar .active-client .input-group-text{color:#fff;}
header.header .topbar .active-client .btn{color:#fff;}


.dataTables_wrapper table.table-list thead th.sorting_asc,.dataTables_wrapper table.table-list thead th.sorting_desc{background-color:#196F3D; color:#fff;}
table.table-list thead th{background-color:#196F3D;border-bottom:1px solid #85d44a;color:#fff;}

.page-item.active .page-link,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#196F3D;border-color:#85d44a}

.navbar-light,.dropdown-menu {background-color:#196F3D; color:#fff;}
.navbar-light a,.navbar a{color:#fff}
.navbar li a,.navbar li a:link,.navbar li a:active,.navbar li a:visited{color:#fff;}.navbar li a:focus,.navbar li a:hover{text-decoration: none; color:#000000;}


h1 {
    font-size: 25px;
}

#order-standard_cart .products .product div.product-desc {
    float: left;
    width: 60%;
    padding: 8px 14px;
    font-size: 1.2em;
}

3. Save dan lihat hasilnya.

Note : untuk kode warna silahkan disesuaikan dengan keinginan ya.


Semoga Bermanfaat.

 

[AutoWebHost]

nice tuannn...

 

[natanetwork]

nice info
itu whmcs versi 8 ya?

 

[WarnaHost]

Makasih kak, saya coba dulu

 

[Hosterbyte]

nice info
itu whmcs versi 8 ya?

iya om buat whmcs 8

 

[Hosterbyte]

Makasih kak, saya coba dulu

siap kakak

 

[dhyhost]

tapi jadinya mirip versi six ya?
hanya beda warna saja

tema twentyone whmcs dan tema Glass cPanel defaultnya mirip, putih bersih bikin sakit mata

 

[meAtharva]

Mantab,, makasih pak

 

[Hosterbyte]

tapi jadinya mirip versi six ya?
hanya beda warna saja

tema twentyone whmcs dan tema Glass cPanel defaultnya mirip, putih bersih bikin sakit mata

ya mirip2 tapi terasa beda aja dimata. haha dari pada masih bawaan silau di mata wkwkw bedalagi kalau bisa dark mode