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

Reduce padding space for panel-primary


  • waterstrider
    Participant

    Posts: 2
    Member Reply #6701

    Hello,
    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 http://prntscr.com/big5qk

    Thank you

    Sean
    Sean
    Keymaster

    Posts: 4470
    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>

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

    </div>

    I hope the above code will be helpful.

    Thanks.

     

Tagged: 

You must be logged in to reply to this topic.