Changing the page background

Okay by now your probably fed up looking at the default page background colour - so how to change it?

Well what we are talking about is the following (thanks Marcus - please feel free to do some more of these!)



Open the main css file views/default/css.php with your text editor.

Scroll down to the 'body' tag (line 82)

body {
    margin:0 auto;
    background: #4690D6;
    font: 80%/1.4  "Lucida Grande", Verdana, sans-serif;
    color: #333333;

Change the value of 'background' to whatever color you want or if you want to change it to an image then make sure that your background image is located in the graphics folder/directory of your theme and change it to point to the file...

    background-image: url(../../../../../graphics/lighttex.gif);

now save the file, click on Administration > Tool Administration and adjust the position of one of the plugins (remember to make sure your theme is the bottom of the list) Then click on Dashboard and refresh your screen and the changes should be apparent.

  • is there any other way than having to go to Tool Administration & Adjust the Position & Click Dashboard & Refresh JUST TO TEST THE THEME.

  • Its by far the best way because it clears out the cache as well and if your doing this on a live site then it avoids any users getting the old css or a corruption of old & new.

    Its not such a pain if you open up another instance of your elgg in another tab and do the adjusting in that window, and then just refresh the page in the working window.

  • Open the main css file views/default/css.php with your text editor.

    Just wanted to note that you can also do this in your theme folder.

    Btw, I had to deactivate and activate my theme to show changes.

Beginning Developers

Beginning Developers

This space is for newcomers, who wish to build a new plugin or to customize an existing one to their liking