Log in

Editting css.php Not Working!

DavidSalib
By DavidSalib

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
  • DavidSalib
    DavidSalib

    What was written above worked for me the first time around. Now when I do the same thing (Change the code in mod/socialweb/views/default/css.php and in /views/default/css.php - then I run upgrade.php.

    When i go to see my updates, nothing happens.

    @Gilead I don't want to make my own theme because i like the rotating main screen. But thanks for the help.

     

    - Please Advise!

Theme Development

Theme Development

Navigation

Contact

info@elgg.org

Security issues should be reported to security@elgg.org!

Legal

©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.