As we continue to review the available settings within the Protostar template of your Joomla 3.0 hosting, the next setting we will look at is the Background Colour setting:

Background Colour
Choose a background colour for static layouts. Default is #F4F6F7

Adjusting the Background Colour setting will do exactly what you expect, adjust the background of your template. The default color is #F4F5F7 and in our testing we changed it to #8cb7e6. You can see the results below:

Background Colour: #F4F6F7Background Colour: #8cb7e6
 background-color-grey  background-colour-blue

The steps for changing your background color within the Protostar template are very similar to those of editing your link colors. The main difference will be that you are changing it from a light gray to the blue color as seen above. Make sure to check your website after changing colors in order avoid elements of your website from becoming difficult to see or unviewable. Additionally, keep in mind that you may need to clear your web browser cache after making a change.

To change your Protostar template background color in Joomla 3.0:

  1. Log into your Joomla 3.0 Admin Dashboard
  2. In the top menu, click Extensions and then click Template Manager
  3. In the list of templates, find and click on the Protostar template. In our testing, we clicked on My Default Style (Protostar)
  4. Click the Options tab towards the top of the page
  5. Find the setting labeled Background Colour, and then click the box to the right. A color swatch will appear. Select the color of your choice and then click the Save button in the top left of the page to change your setting.
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Post a Comment

Email Address:
Are you a bot?

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

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 1928
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5150

Related Questions

Here are a few questions related to this article that our customers have asked:
How do I change a template backgound in Joomla?
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
Stack Exchange Q&A site proposal: Joomla

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!