Skin single p:panel

[macros14]

Since updating to the new skinning, it seems I can no longer skin a single item. Say I have a component.

Code: Select all

<p:panel id="loanTermsPanel" >
</p:panel>

I use to be able to do css like

Code: Select all

#loanTermsPanel .ui-panel .ui-panel-content{
                padding-left: 0px;
                padding-right: 0px;
            }

To remove the padding from the content container only for that panel. How do I remove the padding from the ui-panel-content for a panel with id of loanTermsPanel?

[cagatay.civici]

You should be able to use;

Code: Select all

#loanTermsPanel.ui-panel .ui-panel-content{
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

or define your customs style class;

Code: Select all

<p:panel styleClass="zeroPadding">

Code: Select all

.zeroPadding .ui-panel-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

[macros14]

Your first suggestion didn't work but the second suggestion works.

[cagatay.civici]

Glad one of them worked

[macros14]

Me too, thanks for all your help!