XMB Forum Software - [Resolved] Background color won't change

[Resolved] Background color won't change

prettysenshi - 8-2-2013 at 07:14 AM

Full Board URL: http://shinku.hateyourway.org/
XMB Version: 1.9.11

Hey guys, i have another issue. I'm customizing a theme and the background won't change. I've changed all of the css, including the css file and it will not change. The background is supposed to be the gray #bbc0ba and it will not change. I can't figure out what is wrong. Everything says (the source) it's calling the correct background color, but not applying it. It does it with every theme, not just one. It's also been tried in multiple browsers as well (Chrome and Firefox).

I even tried a fresh installation and it does the same thing. Any idea's what could be causing this? I checked the database and it shows everything has changed to the bbc0ba.

lottos - 8-2-2013 at 02:36 PM

If you're doing it via the Admin Panel, do it in the .css file.
If you're doing it via the .css file, do it via the Admin Panel,

More info:
http://forums.xmbforum2.com/viewthread.php?tid=776810

prettysenshi - 8-2-2013 at 02:56 PM

I have done so and it still shows a white background. I have absolutely no white hex codes being used at all nor can i find any.

Code:

<style type="text/css">
/*<![CDATA[*/
body {
    scrollbar-arrow-color: {$THEME['header']};
    scrollbar-base-color: {$THEME['altbg1']};
    text-align: left;
    {$THEME['bgcode']}
}

a {
    color: {$THEME['link']};
    text-decoration: none;
}

a:hover, .category a:hover {
    text-decoration: underline;
}

.category a {
    color: {$THEME['cattext']};
    text-decoration: none;
}

form {
    margin: 0px;
}

hr {
    color:  {$THEME['bordercolor']};
    background-color: {$THEME['bordercolor']};
    border: 0px;
    height: 1px;
}

#tickertoggle {
    color: {$THEME['cattext']};
}

table.code {
    border: 1px solid {$THEME['bordercolor']};
    margin: 15px auto 10px auto;
}

td.code {
    background-color: {$THEME['header']};
    border-bottom: 1px solid {$THEME['bordercolor']};
    color: {$THEME['headertext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
}

code {
    background-color: {$THEME['altbg2']};
    color: {$THEME['tabletext']};
    font-size: {$THEME['fontsize']};
    padding: 10px 5px 10px 5px;
    white-space: pre;
    display: block;
    width: 600px;
    max-height: 400px;
    overflow: auto;
}

table.quote {
    border: 1px solid {$THEME['bordercolor']};
    margin: 15px 5% 10px 5%;
    width: 80%;
}

td.quote {
    background-color: {$THEME['header']};
    border-bottom: 1px solid {$THEME['bordercolor']};
    color: {$THEME['headertext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
}

td.quotemessage {
    background-color: {$THEME['altbg2']};
    color: {$THEME['tabletext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    padding: 10px 0 20px 5px;
}

textarea, select, input, object {
    background-color: {$THEME['altbg1']};
    border: 1px solid {$THEME['bordercolor']};
    color: {$THEME['tabletext']};
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    table-layout: fixed;
}

.category {
    $catcss
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    table-layout: fixed;
    text-align: left;
}

.ctrcategory {
    $catcss
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    table-layout: fixed;
    text-align: center;
}

.ctrtablerow {
    color: {$THEME['tabletext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    table-layout: fixed;
    text-align: center;
}

.header {
    background-color: {$THEME['header']};
    color: {$THEME['headertext']};
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    table-layout: fixed;
}

.header2 {
    background-color: {$THEME['altbg1']};
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    table-layout: fixed;
}

.mediumtxt {
    color: {$THEME['tabletext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    font-weight: normal;
    table-layout: fixed;
}

.multi {
    font-family: {$THEME['font']};
    font-size: 11px;
    table-layout: fixed;
}

.nav {
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    font-weight: bold;
    table-layout: fixed;
}

.navtd {
    background-color: {$THEME['header']};
    color: {$THEME['headertext']};
    font-family: {$THEME['font']};
    font-size: 11px;
    table-layout: fixed;
    text-decoration: none;
}

.navtd2 {
    background-color: {$THEME['header']};
    color: {$THEME['headertext']};
    font-family: {$THEME['font']};
    font-size: 9px;
    table-layout: fixed;
    text-decoration: none;
}

.post {
    font-family: {$THEME['font']};
    font-size: {$THEME['font3']};
    font-weight: normal;
}

.rghttablerow {
    color: {$THEME['tabletext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    table-layout: fixed;
    text-align: right;
}

.sig {
    border-top: 1px dashed {$THEME['bordercolor']};
    padding: 13px 0 0 3px;
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
}

.smalltxt {
    font-family: {$THEME['font']};
    font-size: {$THEME['font1']};
    table-layout: fixed;
}

.subject {
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    font-weight: bold;
}

.submit {
    text-align: center;
}

.tablerow {
    color: {$THEME['tabletext']};
    font-family: {$THEME['font']};
    font-size: {$THEME['fontsize']};
    table-layout: fixed;
}

.status_Super_Administrator {
    text-decoration: underline;
    font-weight: bold;
    color: {$THEME['tabletext']};
    font-family: Verdana;
    font-size: 10px;
    font-style: italic;
}

.status_Administrator {
    text-decoration: underline;
    font-weight: bold;
    color: {$THEME['tabletext']};
    font-family: Verdana;
    font-size: 10px;
}

.status_Super_Moderator {
    text-decoration: none;
    font-weight: bold;
    color: {$THEME['tabletext']};
    font-family: Verdana;
    font-size: 10px;
    font-style: italic;
}

.status_Moderator {
    text-decoration: none;
    font-weight: bold;
    color: {$THEME['tabletext']};
    font-family: Verdana;
    font-size: 10px;
}

.status_Member, .status_Banned {
    text-decoration: none;
    font-weight: normal;
    color: {$THEME['tabletext']};
    font-family: Verdana;
    font-size: 10px;
}
/*]]>*/
</style>
$cssInclude

There is my css file, even if I change in the body section where it's calling the background to the hex code background-color: #HEX, it still doesn't work. I'm really familiar with CSS, but I'm baffled as to why this won't work. Like I said before, I tried it on another theme, same thing. Did a fresh installation in another directory, same thing.

Worse case, I'll have to manually go through every template file (to make sure it isn't calling anything extra or preventing it from using the background) and break the css file down till I get it to work.

edit I now have the background working. In the CSS file (for the default theme): $cssinclude. Once i removed that, all my css still works and my background shows up.