How can we help you today?

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.


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;
}



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 64 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more