How to customize your agency portal with custom CSS

5 SHARES Share Tweet /* Login Area */ a { color: rgb(41, 161, 156); } body.full-screen .all-wrapper { height: 100vh; border-radius: 0; /* background: gray; */ /* If you want flat color just uncomment this line */ background-image: linear-gradient(to right bottom, rgba(34, 40, 49, .5), rgba(34, 40, 49, .9)); } /* For Button */ #at-btn { background-color: rgba(41, 161, 156, .9); } /* Dashboard Area For Big Button */ .all-wrapper .fc-button.fc-state-active, .btn-primary { background-color: rgba(41, 161, 156, .9) !important; border-color: rgba(41, 161, 156, .9) !important; } /* For Dropdown Account */ .os-dropdown { background-color: rgba(41, 161, 156, 1) !important; border-color: rgba(41, 161, 156, 1) !important; } /* For Account Name */ .menu-w.color-scheme-light .messages-notifications, .menu-w.color-scheme-light .top-icon { color: rgba(41, 161, 156, 1) !important; } .top-icon.top-settings.os-dropdown-trigger.os-dropdown-position-left.over { color: rgba(41, 161, 156, 1) !important; } /* For Box Line */ .element-box { border-top: 5px solid rgba(41, 161, 156, .9) !important; } /* For Data For URLS */ .support-index .support-ticket.active .ticket-title, .support-index .support-ticket:hover .ticket-title { color: rgb(41, 161, 156); } div#menuAllEmailsData { box-shadow: 0 5px 12px rgba(126, 142, 177, .2), 0 0 0 2px rgba(41, 161, 156, .9); } /* For Data For URLS */ /* Collected Contacts */ .support-index .st-foot .value { color: rgb(41, 161, 156); } /* Date */ .support-index .st-foot .value { color: rgb(41, 161, 156); } .support-index .support-ticket.active, .support-index .support-ticket:hover { box-shadow: 0 5px 12px rgba(126, 142, 177, .2), 0 0 0 2px rgb(41, 161, 156); } /* Drop Down Main Menu */ .menu-w.sub-menu-style-over.sub-menu-color-bright ul.main-menu>li.active>a { background-color: rgba(41, 161, 156, 1) !important; } .menu-w.sub-menu-style-over .sub-menu-w { background-color: rgba(41, 161, 156, 1) !important; } /* For ICon */ .menu-w ul.main-menu>li .icon-w { color: rgb(41, 161, 156); } /* For Dash Below Optin Link */ .element-wrapper .element-header:after { background-color: rgba(41, 161, 156, 1); } /* Inner Pages */ /* Campaign Area */ .step-triggers .step-trigger:before { background-color: rgb(41, 161, 156); } /* Creating Links */ /* Switch */ .label-primary { background-color: rgb(41, 161, 156); } /* Drop Down */ .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(41, 161, 156); } /*Settings URL */ /* Buttons */ .btn-outline-primary { border-color: rgb(41, 161, 156); color: rgb(41, 161, 156); } /* Buttons while Hover*/ .btn-outline-primary:hover { background-color: rgb(41, 161, 156); border-color: rgb(41, 161, 156); } /* button when Toggle is active*/ .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { background-color: rgb(41, 161, 156); border-color: rgb(41, 161, 156); }

Still puzzling over something?