How to Change the Color of the Header Menu in Elgg 1.8

In elgg 1.8 there’s a new part under the topbar called Header Menu. By default, it is blue – and to change the color of this part is somehow difficult. This article will give you a step by step guide on how to change the color of the Header menu in Elgg 1.8. Use an FTP manager to log in to your website and follow these steps:

Default Header Menu Color

 

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

2) Once you opened the file, we will look for the Page Header section in that file:

3) Now, we are going to change the color to black. This is the value that we are going to change: #4690D6:

4) Save the changes. Clear your web browser’s Cache and on your site, run upgrade.php, and you will see the new color of the header menu:

 

I hope you have found this article useful. If you experience problems with this guide, ask here for support.

This now concludes How to Change the Color of the Header Menu in Elgg 1.8.

Looking for quality Elgg Hosting? Look no further than Arvixe Web Hosting!

Happy Hosting!

Rodolfo Hernandez

Find this post useful? Share with your friends!

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

4 Comments on How to Change the Color of the Header Menu in Elgg 1.8

  1. This site is excellent and so is how the subject matter was explained. I also like some of the comments too. Waiting for next post.

  2. Stefano says:

    hello can u tell me whow ca i change the menu items .. but without a plug ..

  3. Hello,

    It has to be with a plugin. It is safer

Leave a Reply

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


9 + 1 =

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>