Customize Elgg Default Theme
How can to edit the background and fonts of Default Theme for Elgg 1.8
Open the file
elgg\views\default\css\elements\reset.php
And change this code
body {
background-color: white;
}
<?php // force vertical scroll bar ?>
html, body {
height: 100%;
margin-bottom: 1px;
}
With this
body {
background-attachment: scroll;
background-clip: border-box;
background-color: #FFB27F;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #333333;
font-family: "Lucida Grande",Verdana,sans-serif;
font-size: 70%;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
height: 98%;
}
Open the file
elgg\views\default\css\elements\layout.php
And change this code
background: #4690D6
With this
background: #FF6A00
After this code
.elgg-page-header {
position: relative;
Add this
color: #FFFFFF;
And after this code
.elgg-page-header > .elgg-inner {
position: relative;
Add this
color: #FFFFFF;
Just example
how could i change the homepage title?
Read this Elgg hack:
http://elgghacks.com/edit-or-delete-elgg-logo/
it's work in elgg v 1.7.11 ?
No. For Elgg 1.8 only
But you can to use this hack for editing Elgg theme 1.7: http://elgghacks.com/edit-elgg-theme/
i found a plug-in about a theme,but some part on display of them i don't like. can i edit it ? or just on elgg/mod/….
May be you need a coder ?
Write your mail to this man:
http://weborganizm.org/creator/alexfalk
Best Elgg coder. I recommend!
Thank you man. Have a nice day.
Thank you for this informations.i find it here anything i need thenks again!I have a problem and i can resolve it,i serach everywere to find the solution but nothin.I'm using elgg 1.8.3 and i'm searching for a mode to can insert html codes in the website pages,for example i want to insert a game code!Please if you know a solution let me know!Thanks again
Read it: http://elgghacks.com/custom-html/
For widgets use this plugin:
Regards
Hi
can you pls tell me how to change the color of login_dropdown box
Thankyou
1. For customizing link in login_dropdown:
Open the file
elgg\views\default\css\elements\misc.php
And edit this CSS code
#login-dropdown {
position: absolute;
top:10px;
right:0;
z-index: 100;
}
Between {} add your colors with CSS format.
Ex., for orange color:
color:orange;
or
for black:
color:#000000;
2. For customizing box in login_dropdown:
Open the file
elgg\views\default\css\elements\modules.php
Find this code
/* Dropdown */
.elgg-module-dropdown {
background-color:white;
border:5px solid #CCC;
…..s k i p……
position:absolute;
right: 0px;
top: 100%;
}
And copy/paste as this code
.elgg-module-login-dropdown-box {
background-color:white;
border:5px solid #CCC;
…..s k i p……
position:absolute;
right: 0px;
top: 100%;
}
Edit this CSS code
Between {} add your colors with CSS format.
Ex., for orange background color:
background-color:orange;
or
for black borders:
border:5px solid #000000;
Open the file
elgg\views\default\core\account\login_dropdown.php
And replace this code
echo elgg_view_module('dropdown', '', $body, array('id' => 'login-dropdown-box'));
With this code
echo elgg_view_module('login-dropdown-box', '', $body, array('id' => 'login-dropdown-box'));
Please i need help with configuring my elgg site index page that comes with the theme am using *(Gem Theme 1.o).I Installed the theme and it works fine except that the index page did not change and the elgg custom index page is what shows up.Any idea of what i could do to change or set this correctly?
1. Deactivate Custom index Plugin.
2. Move Gem Theme down after all plugins.
3. Open the file
elgg\mod\gem_theme\index.php
And change it with whatever you want.
(Ask here if you need our help)
4. Read also:
http://elgghacks.com/customize-your-elgg/
http://elgghacks.com/popular-groups-on-the-main-page/#comment-2482
How to make the color of the black typo in the image above can be changed to another color? This is the main typography in elgg (my version: 1.8.13). The problem is that I have a dark background in my elgg, and the small font in black is unreadable. I did some research and tried everything but I can not find the class or code to be changed. Thank you for your advice.
I get the solution on weborganizm.org by Alex Falk.Thanks to him:
in typography.php add your color:
body {
font-size: 80%;
line-height: 1.4em;
font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
color: #89898a;
}
That's correct.
Also read this tip: http://elgghacks.com/edit-elgg-1-8-theme/ and replies in there.
How do you change the elgg-main body part? I get how to change the header and background but I'm struggling to figure out how to change the activity feed area.
i may have figured it out…i dont suppose you know how to change the custom-index page? there are like those widget tabs with solid blue background and id like to change that color as well.
Try to edit CSS styles for:
.elgg-widgets
.elgg-module-widget
.elgg-module-widget > .elgg-head
.elgg-module-widget > .elgg-body
etc
Open the file
views\default\css\elements\layout.php
And change this code
.elgg-layout-one-sidebar {
background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif) repeat-y right top;
}
.elgg-layout-two-sidebar {
background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif) repeat-y right top;
}
With
.elgg-layout-one-sidebar {
background-color: #333;
}
.elgg-layout-two-sidebar {
background-color: #333;
}