cancel
Showing results for 
Search instead for 
Did you mean: 

Color Change to Site Navigation

kwilliamsjr
Champ in-the-making
Champ in-the-making
Hi, I'm doing some modification to alfresco's theme and have been searching relentlessly for an answer to my problem. I'm trying to get the site-navigation bar to become another color and I have found that i'm able to successfully do that however when the yui scripts kick in it seems to revert back to the default color. I've grepped through the entire alfresco share directory trying to identify any source code that had a reference to the original color but have been unable to locate anything.

I've modified the presentation.css file as so:


.theme-bg-selected
{
/* this is second menu  */
   /* background-color: #73B4DA; */
   background-color: #f00;
}

along with the yui portion per the alfresco docs:


.site-navigation
{
   /*  background-color: #73B4DA; this is menu 2 */
   background-color: #f00;
   /* background-image: url(../../components/images/navigation-bg.png); */
   /*border-bottom: 1px solid #4B86ae;
   border-top: 1px dotted #bbd6e7; */
   color: red;
}

I've even started to inspect the elements to determine where the color is coming from. However the inspect shows that the element should be red, the menu initially loads up as red and something in yui changes it back to the default color.

Can someone point me to some more documentation so I can have a better understanding of the color customization process as I'm clearly not understanding things properly.

Kind Regards,

Ken
1 REPLY 1

kwilliamsjr
Champ in-the-making
Champ in-the-making
figured it out. for reference yui-skin-default was loading an image for the background. somehow I missed that element in chrome's inspect but it was very apparent in safari.