hows to edit css stylesheet p:panel

[cororo129]

hi everyone;
I have gotten some problems to edit the css stylesheet, here some steps I have done:

firts add the stylesheet

Code: Select all

<link href="../panel.css" type="text/css">

then I have red the ui jquery components of panel

Code: Select all

<p:panel  header="Familias s7-200" [b]styleClass="panel"[/b]>
                        <h:outputLabel value="Esta familia de PLC tiene la versatilidad de que puede ser programado en 3 diferentes maneras segun la afinidad del programador
                                       . Siemens siempre inovando presenta su gama de PLC los cuales precentan desde sus  modelos mas pequeños a los mas grandes la gran versatilidad
                                       de hardware  desde el mismo CPU sin necesidad de expanciones, dando gran ventaja respecto a otras marcas con familias similares."/>
                    </p:panel>

then the stylesheet name is "panel.ccs"

Code: Select all

.panelStyle, .ui-panel .ui-panel-content {
         background: #272A2D !important;
         color: #4277AD;
         font-weight: bold;
         border-style: none;
}
.ui-panel-title-text {

    font-family: Arial,Helvetica,sans-serif;
    background-color: #009999;
}
.ui-panel-header{
    font-family: Arial,Helvetica,sans-serif;
    background-color: #009999;

    background-repeat: repeat;
    direction: ltr;
    text-align: center;
}
.ui-panel,.ui-panel-header{
    font-family: Arial,Helvetica,sans-serif;
    background-color: #009999;
    background-repeat: repeat;
    direction: ltr;
    text-align: center;

    background-image: url(Imagenes/iconoempreza12.JPG);
}

Well if I are asking, the problem I have is about to switch the color of headerbar and the background color of the panel element's content.

Well thanks for readed the topic and hope you can help me


Miguel V.
thanks in advance

[cororo129]

hi everyone;
I have fogotten to tell you whats the primefaces version I am using, is the primefaces 1.0, jsf 1.2, well by the time i have using this code too:

Code: Select all

<p:panel header="LOGO! 12/24RC" style="panelStyle"

Code: Select all

.panelStyle,.ui-panel,.ui-panel-header,.ui-panel-content{
    font-family: Arial,Helvetica,sans-serif;
    background-color: #009999;
    background-repeat: repeat;
    direction: ltr;
    text-align: center;

    background-image: url(Imagenes/iconoempreza12.JPG);
}

Nothing works

Miguel V.
thanks in advance