Foreground color restrections?
Hi all,
We're setting up our community, and I'm running into what seem to be some restrictions on the color schemes.
I want our foreground color to be a shade of black (or perhaps white) and the #1 arrow sections on the image below to be the shade of red seen on #2. I'd like #2 to be a gray/off-white shade like #1 is.
However, I don't seem to be able to do do this. Namely, because the #1 area is set to be 20% of the foreground color.
Any thoughts on how to get around this? I noticed that on Best Buy, for instance, they have the foreground color on those module title but the color behind it is different, i.e. not 20% of the text color.
Ah, I see. By default the background of the lia-panel-heading-bar div is 20% of the foreground color. However, like Jeff said, you can always overwrite that default with css.
#lia-body .lia-content .lia-panel .lia-panel-heading-bar {background color: #A10022; color:#FFFFFF;} #lia-body .lia-content table.lia-list-wide th, #lia-body .lia-content table.lia-list-wide th a { color: #000000; } #lia-body .lia-content table.lia-list-wide th { background-color: #EAEAEA; }Add this to the CSS tab in your skin will switch the color scheme of the heading bars and sub headings. I added a quick screen shot so you can see what it would look like.
Hi Matt,
This should do the trick for the area in question:
#lia-body .lia-content .lia-browser-category-list .lia-browser-category-heading {color: #FFFFFF;}
