vB4 Unable to make a change in the CSS
 

<div>Regarding the .blocksubhead styling, we have this statement:
Code:
.blocksubhead {
font:{vb:stylevar blocksubhead_font};
color:{vb:stylevar blocksubhead_color};
background:{vb:stylevar blocksubhead_background};
padding:{vb:stylevar blocksubhead_padding};
border-top:{vb:stylevar blocksubhead_border};
/*margin: 0 1px;*/
}


and we have this one:

Code:
#usercp_nav .blocksubhead {
font:{vb:stylevar blocksubhead_font};
color:{vb:stylevar blocksubhead_color};
background: {vb:stylevar blocksubhead_background};
padding:{vb:stylevar blocksubhead_padding};
border-top:none;
margin: 0 1px;
}
Both statements use the blocksubhead_background stylevar, and that's fine when I want the same background for the block subheaders globally. But if I want a different background for block subheaders in the UserCP navigation blocks, I should be able to change it by customizing the stylevar in the second statement, without affecting the block subheaders anywhere else on the site.

Correct?

This is supported by the HTML which is structured like this:

<div class="bbcode_container"> Code:


My Settings


<ul class="blockbody">

<b><font color="Red">http://vb.ma7room.com/<a href= My Profile


<ul class="blockrow">
<li class="active">Edit Profile


So why doesn't it work that way? In the second statement I replaced {vb:stylevar blocksubhead_background} with a hex color value, and there's no change.