Background Color

Love the addon .

I managed to install the add on as well as fix the scoring issue with no troubles! Much thanks to Hippie on this forum for all his tips.

The background of the arcade is light making it hard to see in my style. Is there an easy way to change this for a novice?

Here's a screenshot of how it appears. Much thanks

[Hippy]

replace whats in your arcade.css with this

.tborder {
background-color:{vb:stylevar doc_backgroundColor};
         border: 1px solid #c4c4c4;
    font-size: {vb:stylevar font-size};
}
.tcat {
    font:{vb:stylevar blockhead_font};
    color:{vb:stylevar blockhead_color};
         background:{vb:stylevar blockhead_background};
    padding:{vb:stylevar blockhead_padding};
    border:{vb:stylevar blockhead_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.tcat a:link, .tcat_alink
{
    color: {vb:stylevar forumhead_color};
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    color: {vb:stylevar forumhead_color};
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    color: #FFFF66;
    text-decoration: underline;
}
.alt1, .alt1Active
{
    background:{vb:stylevar formrow_background.backgroundColor};
         color: {vb:stylevar blocksubhead_color};
          //-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
     //-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
     //-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
     //-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
     //-moz-box-shadow: -1px 1px 1px {vb:stylevar forumbits_shadow_color};
     //-webkit-box-shadow: -1px 1px 1px {vb:stylevar forumbits_shadow_color};
     //margin-bottom: {vb:stylevar padding};
}
.alt2, .alt2Active
{
    background-color:{vb:stylevar content3_background.backgroundColor};
    color: {vb:stylevar blocksubhead_color};
    //-moz-box-shadow: -1px 1px 1px 1px {vb:stylevar forumbits_shadow_color};
    //-webkit-box-shadow: -1px 1px 1px 1px{vb:stylevar forumbits_shadow_color};
    //margin-bottom: {vb:stylevar padding};
}
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { 
    padding: 5px;
    font-size: {vb:stylevar font-size};
         border: 1px solid #c4c4c4;
         margin: 0 2px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

most fixes can be found in this thread ..ibProArcade Fixes

[kimmerz]

:up: You rock Hippy. Worked like a charm and looks beautiful.

[Hippy]

your welcome
never a problem..
enjoy

[The Librarian]

This fixed my background problem (thanks), BUT my background is creamy and the font color used for user info in the arcade is white so I need to change that too.

Can you tell me how to change the font color as well, please?

[Hippy]

I would say reset-fonts.css and changed the legend{color:#000;}
but your using vb3.8

so I am not sure
I looked at your arcade and I really didn't see a problem.. looks great
post me a screenshot of your issue
thanks

[The Librarian]

Originally Posted by Hippy

I would say reset-fonts.css and changed the legend{color:#000;}
but your using vb3.8

so I am not sure
I looked at your arcade and I really didn't see a problem.. looks great
post me a screenshot of your issue
thanks

You're looking at my current live forum, which is still using vB 3.8. I'm in the process of updating to 4.x so I've got it loaded on my test forum where I can work out the kinks before going live.

There've been several things that have had to be fixed - the arcade included.

I've attached a screenshot of the arcade on the test forum. You should be able to tell that the white font makes viewing of most of the information impossible.

I just need to know which font to change or how to change it specifically for the arcade if possible.

Thanks.

[Hippy]

do the alt1 and alt2 css change amd the ARCADE template..
see what it looks like .. then try the reset_font.css

[mystiksven]

Am feeling so stupid but i do not find the arcade.css to fix the color on my dark skin like u suggest above "eplace whats in your arcade.css with this..."

[Hippy]

admincp .. styles & templates scroll down to css templates dubble clikc it .. when it opens scroll down to ARCADE.css