Ubah Warna Templete Twenty-One WHMCS


Hosterbyte

Hosterbyte

Expert 1.0
Verified Provider
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.

Image 791.jpg

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

CSS: 
/* *****************************************************

    ** 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.
 
tapi jadinya mirip versi six ya?
hanya beda warna saja

tema twentyone whmcs dan tema Glass cPanel defaultnya mirip, putih bersih bikin sakit mata :41:
 
dhyhost said:
tapi jadinya mirip versi six ya?
hanya beda warna saja

tema twentyone whmcs dan tema Glass cPanel defaultnya mirip, putih bersih bikin sakit mata :41:
Click to expand...

ya mirip2 tapi terasa beda aja dimata. haha dari pada masih bawaan silau di mata wkwkw bedalagi kalau bisa dark mode
 
You must log in or register to reply here.
Back
Top