InMotion Hosting Support Center
This is archived and no longer maintained. Any information contained in this article may be out of date.

In addition to changing to a new theme completely with preset color combinations, you may want to experiment with different color sets to change the look of your site even more. Some themes offer this option.  In addition to color sets where the theme has a selction of preset color combinations,  you can also change each color individually. This allows you to further customize a theme to your specific tastes. Changing individual colors on a theme in Drupal 7 is simple with these steps:

Changing the separate colors on a theme in Drupal 7:

  1. Log into your Drupal 7 Admin panel.
  2. Using the top menu area, click on the Appearance option.
  3. This will bring up the themes page. You will see all enabled themes in the top portion of the screen with the current theme at the very top. Find the Settings link for the theme and click that to go to the next screen.
  4. From this screen, find the color settings located under the Color Set dropdown. Here you can select colors for the different areas of the page, Base Color, Link Color, Header top, Header bottom, and Text color. Click on the label of the color you want to change. If you want to have colors for two or more settings stay within certain ranges of each other, simply click the small lock icon to link them together.
    In this example, I linked the Link color and Header Top together. Now, simply use the color wheel to the right to select your color for the selected. You can see the colors in the preview area below the settings.
  5. Once you have decided on a color scheme, click the Save Configuration button at the bottom of the page. Below is a sample of how customizing the colors can change the look of your site.
    Before After
    theme-custom-color-before theme-custom-color-after

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Support Center Login

Our Login page has moved, Click the button below to be taken to the login page.

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!