Forum Discussion

memerylane's avatar
memerylane
Expert
14 years ago

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 ...
  • KaelaC's avatar
    KaelaC
    14 years ago

    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.


    switch-header.png
  • JeffS's avatar
    JeffS
    14 years ago

    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;}
JeffS's avatar
JeffS
Lithium Alumni (Retired)

Hi Matt,

 

The foreground determines the color for #1, however the midtone color is what you're looking at with #2. Check out this guide for details on skin properties: http://lithosphere.lithium.com/t5/Documentation-TKB/Launch-Skin-Color-Settings-Guide/ta-p/6401

 

If you want to style the heading bar to red specifically without having to change the value added for your foreground, you could use the following CSS:

 

#lia-body .lia-content .lia-panel .lia-panel-heading-bar {background-color:#CC0000;}

This would set the heading bar to #CC0000 on all pages. If you're looking for something more specific/granular, it would just need to be scoped down to the class or ID you're working with.

 

Hope this helps. :)

memerylane's avatar
memerylane
Expert
14 years ago

Our midtone is already set to the red color, though. It's not changing that module, only #2 of what I showed.

 

I'm attaching a screenshot of the skin colors to prove I'm not crazy :)

 

It looks like #1 is inheriting the Selection Color on Community Base Skin for some reason.


colors.JPG