Hello,
I have recently downloaded Elgg 1.7.10.
I am trying to edit the theme through CSS.
What I did:
I used Firebug on Firefox to edit the CSS. Then I went to the css.php file (views/default/) and pasted the CSS (Replacing the old CSS). After doing that, nothing changes on the site. I tried different computers, clearing Cache, but no matter what changes I make in the css.php file the site doesnt change. I even tried downloading themes and changing the css.php in the themes, but again nothing happens!
Please advise!
The CSS:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0 none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;}:focus {outline: 0 none;}ol, ul {list-style: none outside none;}em, i {font-style: italic;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {font-weight: normal;text-align: left;vertical-align: top;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}.clearfloat {clear: both;font-size: 1px;height: 0;line-height: 0;}body {background: none repeat scroll 0 0 #DEDEDE;color: #333333;font: 80%/1.4 "Lucida Grande",Verdana,sans-serif;margin: 0 auto;padding: 0;text-align: left;}a {color: #333333;outline: medium none;text-decoration: none;}a:visited {}a:hover {color: #333333;text-decoration: none;text-shadow: -3px 2px 2px #F7F7F7;}p {margin: 0 0 15px 0;}img {border: medium none;}ul {margin: 5px 0 15px;padding-left: 20px;}ul li {margin: 0;}ol {margin: 5px 0 15px;padding-left: 20px;}ul li {margin: 0;}form {margin: 0;padding: 0;}small {font-size: 90%;}h1, h2, h3, h4, h5, h6 {font-weight: bold;line-height: normal;}h1 {font-size: 1.8em;}h2 {font-size: 1.5em;}h3 {font-size: 1.2em;}h4 {font-size: 1em;}h5 {font-size: 0.9em;}h6 {font-size: 0.8em;}dt {font-weight: bold;margin: 0;padding: 0;}dd {margin: 0 0 1em 1em;padding: 0;}pre, code {background: none repeat scroll 0 0 #EBF5FF;font-family: Monaco,"Courier New",Courier,monospace;font-size: 12px;overflow: auto;white-space: pre-wrap;word-wrap: break-word;}code {padding: 2px 3px;}pre {line-height: 1.3em;margin: 0 0 15px;padding: 3px 15px;}blockquote {background: none repeat scroll 0 0 #EBF5FF;border: medium none !important;border-radius: 5px 5px 5px 5px;line-height: 1.3em;margin: 0 0 15px;padding: 3px 15px;}blockquote p {margin: 0 0 5px;}#page_container {margin: 0;padding: 0;}#page_wrapper {margin: 0 auto;min-height: 300px;padding: 0;width: 990px;}#layout_header {background: none repeat scroll 0 0 #DEDEDE;height: 67px;text-align: left;width: 100%;}#wrapper_header {margin: 0;padding: 10px 20px 20px 0;}#wrapper_header h1 {letter-spacing: -0.03em;margin: 10px 0 0;}#layout_canvas {background: none repeat scroll 0 0 white;border-bottom: 1px solid #CCCCCC;border-radius: 8px 8px 8px 8px;border-right: 1px solid #CCCCCC;margin: 0 0 20px;min-height: 360px;padding: 20px;}#one_column {background: none repeat scroll 0 0 #DEDEDE;border-radius: 8px 8px 8px 8px;margin: 0;min-height: 360px;padding: 0 0 10px;}#two_column_left_sidebar {background: none repeat scroll 0 0 #DEDEDE;border-bottom: 1px solid #CCCCCC;border-radius: 8px 8px 8px 8px;border-right: 1px solid #CCCCCC;float: left;margin: 0 20px 0 0;min-height: 360px;padding: 0;width: 210px;}#two_column_left_sidebar_maincontent {background: none repeat scroll 0 0 #DEDEDE;border-radius: 8px 8px 8px 8px;float: left;margin: 0;min-height: 360px;padding: 0 0 5px;width: 718px;}#two_column_left_sidebar_maincontent_boxes {background: none repeat scroll 0 0 #DEDEDE;border-radius: 8px 8px 8px 8px;float: left;margin: 0 0 20px 20px;padding: 0 0 5px;width: 718px;}#two_column_left_sidebar_boxes {float: left;margin: 0 0 20px 0;min-height: 360px;padding: 0;width: 210px;}#two_column_left_sidebar_boxes .sidebarBox {background: none repeat scroll 0 0 #DEDEDE;border-bottom: 1px solid #CCCCCC;border-radius: 8px 8px 8px 8px;border-right: 1px solid #CCCCCC;margin: 0 0 22px;padding: 4px 10px 10px;}#two_column_left_sidebar_boxes .sidebarBox h3 {color: #0054A7;font-size: 1.25em;line-height: 1.2em;padding: 0 0 5px;}#two_column_right_sidebar {background: none repeat scroll 0 0 #DEDEDE;border-bottom: 1px solid #CCCCCC;border-radius: 8px 8px 8px 8px;border-right: 1px solid #CCCCCC;float: left;margin: 0 0 0 20px;min-height: 360px;padding: 0;width: 210px;}.contentWrapper {background: none repeat scroll 0 0 white;border-radius: 8px 8px 8px 8px;margin: 0 10px 10px;padding: 10px;}span.contentIntro p {margin: 0;}.notitle {margin-top: 10px;}#widgets_left {margin: 0 20px 20px 0;min-height: 360px;padding: 0;width: 303px;}#widgets_middle {margin: 0 0 20px;padding: 0;width: 303px;}#widgets_right {float: left;margin: 0 0 20px 20px;padding: 0;width: 303px;}#widget_table td {border: 0 none;margin: 0;padding: 0;text-align: left;vertical-align: top;}* html #widgets_right {float: none;}* html #profile_info_column_left {margin: 0 10px 0 0;width: 200px;}* html #dashboard_info {width: 585px;}:first-child + html #profile_info_column_left {width: 200px;}#layout_spotlight {background: none repeat scroll 0 0 white;border-bottom: 1px solid #CCCCCC;border-radius: 8px 8px 8px 8px;border-right: 1px solid #CCCCCC;margin: 20px 0;padding: 0;}#wrapper_spotlight {height: auto;margin: 0;padding: 0;}#wrapper_spotlight #spotlight_table h2 {color: #333333;font-size: 1.25em;line-height: 1.2em;}#wrapper_spotlight #spotlight_table li {color: #CCCCCC;line-height: 1.2em;list-style: square outside none;margin: 5px 20px 5px 0;}#wrapper_spotlight .collapsable_box_content {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 transparent;border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;border-right: medium none;border-style: solid none none;border-width: 1px medium medium;margin: 0;min-height: 60px;padding: 10px 10px 5px;}#spotlight_table {margin: 0 0 2px;}#spotlight_table .spotlightRHS {float: right;margin: 0 0 0 50px;width: 270px;}:first-child + html #wrapper_spotlight .collapsable_box_content {width: 958px;}#layout_spotlight .collapsable_box_content p {padding: 0;}#wrapper_spotlight .collapsable_box_header {background: none repeat scroll 0 0 transparent;border: medium none;}#layout_footer {background: none repeat scroll 0 0 #B6B6B6;border-radius: 8px 8px 8px 8px;height: 80px;margin: 0 0 20px;}#layout_footer table {margin: 0 0 0 20px;}#layout_footer a, #layout_footer p {color: #333333;margin: 0;}#layout_footer .footer_toolbar_links {font-size: 1.2em;padding: 15px 0 0;text-align: right;}#layout_footer .footer_legal_links {text-align: right;}#elgg_topbar {background: url("http://www.notebox.ca/ggmss/GSocial/_graphics/toptoolbar_background.gif") repeat-x scroll left top #333333;border-bottom: 1px solid #000000;color: #EEEEEE;height: 24px;min-width: 998px;position: relative;width: 100%;z-index: 9000;}#elgg_topbar_container_left {float: left;height: 24px;left: 0;position: absolute;text-align: left;top: 0;width: 60%;}#elgg_topbar_container_right {float: right;height: 24px;position: absolute;right: 0;text-align: right;top: 0;}#elgg_topbar_container_search {float: right;height: 21px;margin: 3px 0 0;position: relative;right: 120px;text-align: right;}#elgg_topbar_container_left .toolbarimages {float: left;margin-right: 20px;}#elgg_topbar_container_left .toolbarlinks {float: left;margin: 0 0 10px;}#elgg_topbar_container_left .toolbarlinks2 {float: left;margin: 3px 0 0;}#elgg_topbar_container_left a.loggedinuser {color: #EEEEEE;font-weight: bold;margin: 0 0 0 5px;}#elgg_topbar_container_left a.pagelinks {color: white;display: block;margin: 0 15px 0 5px;padding: 3px;}#elgg_topbar_container_left a.pagelinks:hover {background: none repeat scroll 0 0 #333333;text-decoration: none;text-shadow: -1px 1px 1px #F7F7F7;}#elgg_topbar_container_left a.privatemessages {background: url("http://www.notebox.ca/ggmss/GSocial/_graphics/toolbar_messages_icon.gif") no-repeat scroll left 2px transparent;cursor: pointer;margin: 0 15px 0 5px;padding: 0 0 4px 16px;}#elgg_topbar_container_left a.privatemessages:hover {background: url("http://www.notebox.ca/ggmss/GSocial/_graphics/toolbar_messages_icon.gif") no-repeat scroll left -36px transparent;text-decoration: none;}#elgg_topbar_container_left a.privatemessages_new {background: url("http://www.notebox.ca/ggmss/GSocial/_graphics/toolbar_messages_icon.gif") no-repeat scroll left -17px transparent;color: white;margin: 0 15px 0 5px;padding: 0 0 0 18px;}* html #elgg_topbar_container_left a.privatemessages_new {background-position: left -18px;}* + html #elgg_topbar_container_left a.privatemessages_new {background-position: left -18px;}#elgg_topbar_container_left a.privatemessages_new:hover {text-decoration: none;}#elgg_topbar_container_left a.usersettings {color: #999999;margin: 0 0 0 20px;padding: 3px;}#elgg_topbar_container_left a.usersettings:hover {color: #EEEEEE;}#elgg_topbar_container_left img {margin: 0 0 0 5px;}#elgg_topbar_container_left .user_mini_avatar {border: 1px solid #EEEEEE;margin: 0 0 0 20px;}#elgg_topbar_container_right {padding: 3px 0 0;}#elgg_topbar_container_right a {background: url("http://www.notebox.ca/ggmss/GSocial/_graphics/elgg_toolbar_logout.gif") no-repeat scroll right top transparent;color: #FFFFFF;display: block;height: 20px;margin: 0 5px 0 0;padding: 0 21px 0 0;}* html #elgg_topbar_container_right a {width: 120px;}#elgg_topbar_container_right a:hover {background-position: right -21px;}#elgg_topbar_panel {background: none repeat scroll 0 0 #333333;color: #EEEEEE;display: none;height: 200px;padding: 10px 20px;position: relative;width: 100%;}ul.topbardropdownmenu, ul.topbardropdownmenu ul {display: inline;float: left;list-style-type: none;margin: 0;padding: 0;position: relative;z-index: 9000;}ul.topbardropdownmenu {margin: 0 20px 0 5px;}ul.topbardropdownmenu li {display: block;float: left;list-style: none outside none;margin: 0;padding: 0;position: relative;}ul.topbardropdownmenu a {display: block;}ul.topbardropdownmenu ul {display: none;left: 0;margin: 0;padding: 0;position: absolute;}* html ul.topbardropdownmenu ul {line-height: 1.1em;}ul.topbardropdownmenu ul a {}ul.topbardropdownmenu ul li {float: none;}ul.topbardropdownmenu ul {border-top: 1px solid black;top: 24px;width: 150px;}ul.topbardropdownmenu *:hover {}ul.topbardropdownmenu a {color: white;padding: 3px;text-decoration: none;}ul.topbardropdownmenu li.hover a {background-color: #333333;text-decoration: none;}ul.topbardropdownmenu ul li.drop a {font-weight: normal;}:first-child + html #elgg_topbar_container_left a.pagelinks {}:first-child + html ul.topbardropdownmenu li.drop a.menuitemtools {padding-bottom: 6px;}ul.topbardropdownmenu ul li a {background-color: #999999;border-bottom: 1px solid white;font-weight: bold;height: 22px;padding-bottom: 0;padding-left: 6px;padding-top: 4px;}ul.topbardropdownmenu ul a.hover {background-color: #333333;}ul.topbardropdownmenu ul a {opacity: 0.9;}.messages {background: none repeat scroll 0 0 #CCFFCC;border: 4px solid #00CC00;border-radius: 4px 4px 4px 4px;color: #000000;cursor: pointer;margin: 0;padding: 3px 10px;position: fixed;top: 30px;width: 969px;z-index: 8000;}.messages_error {background: none repeat scroll 0 0 #F7DAD8;border: 4px solid #D3322A;border-radius: 4px 4px 4px 4px;color: #000000;cursor: pointer;margin: 0;padding: 3px 10px;position: fixed;top: 30px;width: 969px;z-index: 8000;}.closeMessages {float: right;margin-top: 17px;}.closeMessages a {color: #666666;cursor: pointer;font-size: 80%;text-decoration: none;}.closeMessages a:hover {color: black;}.collapsable_box {height: auto;margin: 0 0 20px;}* html .collapsable_box {height: 10px;}.collapsable_box_header {background: none repeat scroll 0 0 #DEDEDE;border-bottom: 1px solid #CCCCCC;border-left: 1px solid white;border-right: 1px solid #CCCCCC;border-top-left-radius: 8px;border-top-right-radius: 8px;color: #4690D6;margin: 0;padding: 5px 10px;}.collapsable_box_header h1 {color: #0054A7;font-size: 1.25em;line-height: 1.2em;}.collapsable_box_content {background: none repeat scroll 0 0 #DEDEDE;border-bottom: 1px solid #CCCCCC;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-left: 1px solid white;border-right: 1px solid #CCCCCC;height: auto;margin: 0;</di
info@elgg.org
Security issues should be reported to security@elgg.org!
©2014 the Elgg Foundation
Elgg is a registered trademark of Thematic Networks.
Cover image by Raül Utrera is used under Creative Commons license.
Icons by Flaticon and FontAwesome.
Try running yourdomain.com/upgrade.php after you make changes to css (where yourdomain.com is your website address/domain name)
Rodolfo Hernandez
Arvixe/Elgg Community Liaison
Also, disable the 'Simple Cache' which is under site administration while theming.Cheers
The Upgrade.php worked!
I tried it before but i don't know why it didn't work.
Thanks rjcalifornia!
UPDATE:
Ok so It worked the first time and I did all the updates.
Now when I do the CSS updates in Firebug and copy it into the CSS.php under /mod/socialweb/views/default and then run the upgrade.php, the changes I made don't apply.. suggestions?
Try the suggestions here: http://docs.elgg.org/wiki/My_new_css_isn%27t_working
Oh, for that theme, make sure it is at the bottom on the tools administration
Rodolfo Hernandez
Arvixe/Elgg Community Liaison
it's simple , go to folder _css and change css.php (remove /* ... */) to :
<?php
require_once(dirname(dirname(__FILE__)) . "/engine/start.php");
$default_css = elgg_view("css");
header("Content-type: text/css", true);
header('Expires: ' . date('r',time() + 864000), true);
header("Pragma: public", true);
header("Cache-Control: public", true);
header("Content-Length: " . strlen($default_css));
echo $default_css;
define('externalpage',true);
global $viewinput, $override;
$viewinput['view'] = 'css';
$viewinput['viewtype'] = $_GET['viewtype'];
$override = true;
header("Content-type: text/css", true);
header('Expires: ' . date('r',time() + 86400000), true);
header("Pragma: public", true);
header("Cache-Control: public", true);
header("Content-Length: " . strlen($default_css));
require_once(dirname(dirname(__FILE__)) . '/simplecache/view.php');
and now you can change views/css.php
RACHID
Do you mean copy what you have above into css.php uner _css?
This is what my css.php under _css looks like right now :
yes .
you see /*....*/ in this code ?
<?php
/**
* Elgg CSS file
*
* @package Elgg
* @subpackage Core
*/
----
/*
----
require_once(dirname(dirname(__FILE__)) . "/engine/start.php");
$default_css = elgg_view("css");
header("Content-type: text/css", true);
header('Expires: ' . date('r',time() + 864000), true);
header("Pragma: public", true);
header("Cache-Control: public", true);
header("Content-Length: " . strlen($default_css));
echo $default_css;
----
*/
----
define('externalpage',true);
global $viewinput, $override;
$viewinput['view'] = 'css';
$viewinput['viewtype'] = $_GET['viewtype'];
.......
......
.....
then remove this documentation /*....*/ , and you can edit views/css.php .
sorry for my bad english .
see the exemple : http://www.paixland.com , it's my site
Your best bet is to make a plug-in of your own rather than messing around with the main files.
First, create a blank directory in mod and name it 'yourtheme' copy all files from views/default
css,navigation, page. Then modify to your hearts content.
Make sure to have a manifest.xml and start.php in the yourtheme directory.
Start.php needs to have
function yourthemename_theme_init() {
this section you can modify other elgg functions like layout not just colors
elgg_register_event_handler('init', 'system', 'yourthemename_theme_init');
the manifest needs:
<?xml version="1.0" encoding="UTF-8"?>
<plugin_manifest xmlns="http://www.elgg.org/plugin_manifest/1.8">
<name>Mytheme</name>
<author>Me</author>
<version>0.1</version>
<category>theme</category>
<description>
Modifies your Elgg site to look how you want.
</description>
<website>http://mydomain.com</website>
<copyright>(C) 2011 Me</copyright>
<license>GNU Public License version 2</license>
<requires>
<type>elgg_version</type>
<version>2011061200</version>(this is for 1.8b2)
</requires>
<requires>
<type>priority</type>
<priority>after</priority>
<plugin>profile</plugin>
</requires>
<requires>
<type>priority</type>
<priority>after</priority>
<plugin>groups</plugin>
</requires>
<requires>
<type>priority</type>
<priority>after</priority>
<plugin>messages</plugin>
</requires>
<requires>
<type>priority</type>
<priority>after</priority>
<plugin>search</plugin>
</requires>
<requires>
<type>priority</type>
<priority>after</priority>
<plugin>thewire</plugin>
</requires>
<suggests>
<type>plugin</type>
<name>profile</name>
<version>1.8</version>
</suggests>
<admin_interface>simple</admin_interface>
</plugin_manifest>
I'm just learning this stuff myself, so if someone has a better way, please let me know.
- Previous
- 1
- 2
- Next
You must log in to post replies.