How can we help you today?

Fixing Gap Between Tab Title and Content in Publishing Pages

The Issue:

When using the Tabs Design Element in Publishing Pages,  the content of the tab and the title of the tab are broken by an extra whitespace. It looks like this:



The Reason:

This is a known issue happening on Publishing Pages. Fortunately, it can be quickly solved by applying some custom CSS.


The Solution

Please open the settings of Tabs and choose the Custom CSS tab. Paste the following custom CSS in the field: 


&:before,
&:after {
    display: inline-block;
}


Then click Update. Save the changes made on your page.



As a result, you will see that the gap has disappeared and your element is now displaying the information properly:



Please contact us in case you have any questions. We are waiting to hear from you!


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 24 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