This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 2 years, 6 months ago.

Reduce padding space for panel-primary

  • waterstrider

    Posts: 2
    Member Reply #6701

    Can you please advise how can I reduce the padding space on a panel (specifically panel-primary). I was trying to add “padding=0” to custom css but this attribute does not seem to reduce the height of the panel (both title and body). Can you please advise?


    FYI: Please check this screenshot

    Thank you


    Posts: 4527
    Support Staff Reply #6716

    Hi :),

    Please follow below steps:

    1) Add below code in custom.css:

    .my-panel .panel-heading {
    padding: 5px 5px;

    .my-panel .panel-body {
    padding: 5px 5px;

    2) Use your custom class as shown below:

    <div class=”panel panel-primary my-panel”>

    <div class=”panel-heading”>

    <h3 class=”panel-title”>Primary Panel</h3>


    <div class=”panel-body”> Panel content </div>


    I hope the above code will be helpful.




You must be logged in to reply to this topic.