Using Primefaces with Bootstrap Causes Changes in Padding/Sizing/Borders

Get rid of borders around p:selectManyCheckBox

Borders? Primefaces' p:selectManyCheckbox has no borders by default.

Anyhow, if you want to override any style rule you can use !important.

This should remove any border:

<p:selectManyCheckbox value="#{formBean.selectedOptions}" style="border-style: none !important;">

Remove all borders on a specific datatable

Assuming a PrimeFaces 3.5 data table which is marked up as follows,

<p:dataTable ... styleClass="borderless">

then this style should do:

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}

how to increase p:panel border height (not width)

There's a somewhat related post here: p:panel how to change border properties. I can't render the php code so I have made an html example with css. Make sure to add classes and then you have full control of the appearance of the p:panel. Set a width, then set a height that's not based on the width like the min-height I've chosen.

Your grid system will control how wide the box is to make it responsive, so take out my 50% wide declaration when you put your component within that grid system.

.myPanelContent.ui-panel{      border: 1px solid red;   padding: 2em;  width: 50%;  min-height: 200px;}

<p class="myPanelContent ui-panel">THING</p>