[Chris]

Hi support,

Could you help me to customize the seller dashboard theme colour to match my branding by providing me the related custom css code? I picked Outer Space for now, and would like to ask for a help to change both the blue colours to #f4f3ef and #f3b340. Could you please assist me in this regard?

Thanks

[NerdySupportExpert Moumita]

Hi @Chris, please share a scrrenshot of the dashboard mentioning where and what color do you want to add.
So we can assist you accordingly.

[Chris]

This reply has been marked as private.

[NerdySupportExpert Moumita]

@Chris, kindly provide the team some time.

[Chris]

Hi, is there any update? Thanks

[Sangita Support Squad]

Kindly share your site access so that our team can add the css for the customization you want . Also do not forget to mark your reply as private while sharing the access.

[Chris]

This reply has been marked as private.

[Sangita Support Squad]

@Chris Yes, Kindly share your admin username and password so that our team can login to your site as admin and add the needed customization .
Also while sharing the access don’t forget to mark your reply as private .

[Chris]

This reply has been marked as private.

[NerdySupportExpert Moumita]

This reply has been marked as private.

[MVX Support Ninja]

Hi, kindly add the code to reflect the changes :

add_action('wp', 'vendor_dashboard_custom_css');
function vendor_dashboard_custom_css() {
if (is_vendor_dashboard()) { ?>
<style type="text/css">
.topbar-left.pull-left.pos-rel {
       background-color: #f4f3ef !important;
   }

.all-booking .mvx_tab.ui-tabs .mvx_booking_tbl tbody .mvx_table_action:hover, .all-booking .mvx_tab.ui-tabs .mvx_booking_tbl tbody strong:hover, .media-body h4.media-heading, .mvx-color-scheme-outer_space_blue .media-body a, .mvx-color-scheme-outer_space_blue .mvx_displaybox2 h3, .mvx-color-scheme-outer_space_blue .navbar-top-links li a:hover, .mvx-color-scheme-outer_space_blue .navbar-top-links li.notification-link a:hover, .mvx-color-scheme-outer_space_blue .navbar-top-links li.notification-link a:hover i, .mvx-color-scheme-outer_space_blue .primary-color, .mvx-color-scheme-outer_space_blue .product-import.mvx_displaybox2m h3, .mvx-color-scheme-outer_space_blue .sidebar.navbar-default ul a.active i, .mvx-color-scheme-outer_space_blue .sidebar.navbar-default ul a:hover i, .mvx-color-scheme-outer_space_blue .staticstics-panel-wrap .panel-body .stat-detail-info i, .mvx-color-scheme-outer_space_blue .transaction-list, .mvx-color-scheme-outer_space_blue a, .mvx-color-scheme-outer_space_blue input[type=checkbox]:checked:before, .mvx-color-scheme-outer_space_blue ul.nav .login-user .dropdown-menu.dropdown-user a:hover, .mvx-color-scheme-outer_space_blue ul.nav .login-user a:hover i, .navbar-top-links li a:hover, .navbar-top-links li.notification-link a:hover, .navbar-top-links li.notification-link a:hover i, .select-product-cat-wrapper .select-cat-step-wrapper .cat-column li a:hover, .select-product-cat-wrapper .select-cat-step-wrapper .cat-column li a:hover:before, .select-product-cat-wrapper .select-cat-step-wrapper .cat-column li.active a, .select-product-cat-wrapper .select-cat-step-wrapper .cat-column li.active a:before, .select-product-cat-wrapper .select-cat-step-wrapper .product-search-wrapper .list-group .list-group-item:hover p, .sidebar.navbar-default ul a.active i, .sidebar.navbar-default ul a:hover i, ul.nav .login-user a:hover i {
   color: #f3b340 !important;
}

.mvx-color-scheme-outer_space_blue .mvx-vendor-ledger-report-row .bg-ledger, .mvx-color-scheme-outer_space_blue .navbar-default .navbar-toggle .icon-bar, .mvx-color-scheme-outer_space_blue .progress-bar, .mvx-color-scheme-outer_space_blue input[type=radio]:checked:before, .mvx-color-scheme-outer_space_blue table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, .mvx-color-scheme-outer_space_blue table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before, .pagination li.active a {
   background: #f3b340 !important;
}

.mvx-color-scheme-outer_space_blue .pagination li.active a {
background: #f3b340 !important;
border-color:#f3b340 !important;
color:#fff !important;
}

a.btn.btn-default {
   background-color: #f3b340 !important;
   border-color: #f3b340 !important;
   color: #fff !important;
}
.navbar-default.sidebar a:focus, .navbar-default.sidebar a:hover, .navbar-default.sidebar ul li a.active {
color:#fff !important;
}
.mvx-color-scheme-outer_space_blue .navbar-default.sidebar a:focus, .mvx-color-scheme-outer_space_blue .navbar-default.sidebar a:hover, .mvx-color-scheme-outer_space_blue .navbar-default.sidebar ul li a.active {
color:#fff !important;
}
</style>
    <?php
}
}

Copy

[mohsina.mce13]

Hello,
Can you please share the code for this customization?
Thanks

[Sangita Support Squad]

@mohsina.mce13, you can check the above thread now.

[Chris]

This reply has been marked as private.

[NerdySupportExpert Moumita]

This reply has been marked as private.

[NerdySupportExpert Moumita]

Hi, just checking are you able to add the additional CSS?

[Chris]

Hi, thanks. Yes, I’ve already customized the dashboard and add the additional CSS according to my needs.

[Sangita Support Squad]

Thanks for the update. We are closing this thread . If you need help or face issues in future please open a new thread.

[Author]

Posts