How to Change the Color of the Topbar Menu in Elgg

Written by Rodolfo Hernandez Monday, 18 April 2011

This article will give you a step by step guide on how to change the color of the topbar menu in Elgg. With an FTP manager log in to your website and follow these steps:

1) Go to YourElggSite/views/default and open the file css.php

2) Once you opened, we will look for the Horizontal Elgg  Topbar section in that file:

3) Right under the title of that section is where we are going to work. Where it says background we will remove this part of that line:

url(<?php echo $vars['url']; ?>_graphics/toptoolbar_background.gif) repeat-x top left

4) As you can see, that line is shorter. Now, we will apply the new color. For purposes of this article, I will use the color green:

5) Save the changes. Refresh the page and you will see the new color of the topbar:

This now concludes How to change the color of the topbar Menu in Elgg.

For more info about Elgg hosting solutions please visit Arvixe-Elgg Hosting

Happy Hosting!

Rodolfo Hernande