Custom CSS for All System Button Colors

Custom CSS for All System Button Colors

If you want to change the button colors system-wide from the standard teal to your own colors, add the following to the Custom CSS (under Dashboard / Website). You will copy and paste it into your CSS. You will need to add your own Hex Code for both the background color and the hover color. If you are not familiar with CSS and would like assistance, please submit a ticket through our Help Desk.
/* change mtk-btn color */
#mtk-pagewrapper input.mtk-btn,
#mtk-pagewrapper button.mtk-btn,
#mtk-pagewrapper a.mtk-btn {
  background-color: #344c76 !important;
}
/* change mtk-btn hover color */
#mtk-pagewrapper input.mtk-btn:hover,
#mtk-pagewrapper button.mtk-btn:hover,
#mtk-pagewrapper a.mtk-btn:hover {
  background-color: #c3253c !important;
}

    • Related Articles

    • Custom CSS to Change the Directory Bar Color

      If you want to change color of the top Directory bar from the standard teal to your own colors, add the following to the Custom CSS (under Dashboard / Website). You will copy and paste it into your CSS. You will need to add your own Hex Code for the ...

    • Customizing Calendars

      Customizing the CSS for a Calendar If you want to change the color or font of your calendar, this can be done through the CSS. Custom CSS overrides the original instructions programmed for your site. Below is information on the CSS for customizing ...

    • Editing Custom Fields

      Adding a Custom Field At this time, Admins cannot add a custom field, but they are able to edit the data once it has been collected. If you would like to have a custom field added to your parent or student information, create a help desk ticket and ...

    • Customizing Content Pages

      Single vs. Double Line Spacing Using the "return" or "enter" key will give you a double space because the system recognizes it as a paragraph break. For single spacing, use shift+return. Customizing Colors Helpful Links for Choosing Colors in RGB and ...

    • Reset Custom Fields

      When moving to the next year, it's helpful to be able to clear information in custom fields on Parent and Student records. You can schedule that to happen automatically for all of your custom fields on the Year End tab. For each field, you can ...