How to Change the Color of the Topbar Menu in Elgg

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

Tags: , , , , , , , , | Posted under Elgg | RSS 2.0

Author Spotlight

Rodolfo Hernandez

Rodolfo Hernandez

I like photography and reading books. Currently working for Arvixe as Elgg Community Liaison. Elgg Security Expert Web Security Expert CEO of UDP SW Social Web

Leave a Reply

Your email address will not be published. Required fields are marked *


6 + = 11

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>