Easybook reloaded - Joomla! Forum - community, help and support

in annex see yellow bar of color, reloaded, easybook customize.
you have both, blue, red , yellow.
it see message should give.
anyone have clue can customize this, or possibly text in bar of color change option.
thanks karina

generally, in these situations, use tool firebug inspect elements , view css entries.

the tool firebug available in browsers such firefox , chrome used purpose. firebug can inspect element in web page , find out css entries , in file entries located. change css entries see how affects , feel of site. once satisfied incorporate changes in actual file.

review document http://docs.joomla.org/tutorial:using_firebug_with_your_joomla_website more information how use firebug.

--------------------

the messages referring formatted system-message css entries. example, in beez_20 template, can find following css entries formatting system message.

code: select all

#system-message
{
                margin:10px 0 20px 0;
                border-left:0;
                border-right:0;
}

#system-message dt
{
   font-weight: bold;
}
#system-message dd
{
   margin: 0 0 15px 0;
   font-weight: bold;
   text-indent: 0px;
   padding:0
}
#system-message dd ul
{
   color: #000;
   list-style: none;
   padding: 0px;
}
#system-message dd ul li
{
   line-height:1.5em
}

/* system standard messages */
#system-message dt.message
{
   position:absolute;
   top:-2000px;
   left:-3000px;
}

#system-message dd.message  ul
{
   background: #fff  url(../images/system/notice-info.png) no-repeat;
   padding-left:40px;
   padding: 10px 10px 10px 40px;
   border-top: 2px solid #90b203;
   border-bottom: 2px solid #90b203;
}

#system-message dd.message ul li{background:none !important}

/* system error messages */
#system-message dt.error
{
   position:absolute;
   top:-2000px;
   left:-3000px;
}

#system-message dd.error ul
{
   background:#fff url(../images/system/notice-alert.png) no-repeat ;
   padding-left:40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
}



/* system notice messages */
#system-message dt.notice
{
   position:absolute;
   top:-2000px;
   left:-3000px;
}

#system-message dd.notice  ul
{
      background:#fff url(../images/system/notice-note.png) no-repeat ;
      padding-left:40px;
       padding: 10px 10px 10px 40px;
       border-top: 2px solid #faa528;
       border-bottom: 2px solid #faa528;
}
#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message
{
    margin-bottom: 0px;
    padding: 0;
}

#system-message dt
{
    font-weight: bold;
}

#system-message dd
{
    font-weight: bold;
    padding: 0;
}

so, have in template similar css entries.