How to Remove the Padding Inside a Panel Element

If you're using a panel style that does not show borders ( e.g: Solid header ), you might want to remove the spaces around the panel content to make the content perfectly aligned with the panel header ( see next image ), we will show you how to do it.

Visit our dedicated courses on ShortPoint Academy

Click Here!

The Solution

The spaces ( paddings ) around panel content can be removed by applying the following Custom CSS code:

&,
.shortpoint-panel-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.shortpoint-panel-title-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
}