Changing logo & colors

MediaPlanHQ enables you to change your colors and logo with your company logo and colors. These modifications are pretty easy to make.

Now, before you start, make sure you have a version of your logo optimized for a height of approximately 50 pixels.  Otherwise, the header will take more screen estate and look disproportionate.

For the colors, MediaPlanHQ uses CSS styles.  The following CSS snippet shows the properties to change the colors of the main areas of your account.  Note that you can use a color tool to select your color codes such as http://www.colorschemer.com/online.html.

 

/* Page */
html {
   background-color: green;
}

/* Header */
#mediaplanhq #hd {
   background-color: green;
   border-bottom-color: orange; /* Color of the delimiter line below the header */
}

/* Module Tabs */
#mediaplanhq #modules {
background-color: orange;
}

/* Module Tab Link */
#mediaplanhq #modules li a {
color: yellow;
}

/* Module Tab On Mouse-Over */
#mediaplanhq #modules li:hover {
background-color: lightgreen;
}

/* Module Tab Link On Mouse-Over */
#mediaplanhq #modules li:hover a {
color: blue;
}

/* Module Tab When Active */
#mediaplanhq #modules li.active {
   background-color: red;
}

/* Module Tab Link When Active */
#mediaplanhq #modules li.active a {
   color: #ffffff;
}

/* Form */
#mediaplanhq fieldset {
  border-color: #7DA3D2;
}

/* Form Buttons */
#mediaplanhq .buttons {
background-color: #DDE7F3;
  border-top-color: #A6C0DE; /* Color of the delimiter line above the buttons */
}

/* Footer */
#mediaplanhq #ft{
   background-color: green;
   border-top-color: orange; /* Color of the delimiter line above the footer */
}

 

Changing logo & colors

  1. Log in as an Account Administrator
  2. Go to Administration > My account
  3. Click the browse button in the Logo field.
  4. Select your logo file.
  5. Copy & Paste the above CSS snippet in the Styles field.
  6. Change the CSS properties with your colors.
  7. Click on the Save button.

Note that you do not need to re-select your logo file once uploaded unless you want to change it again.

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk