Tab element - remove space between tab headings and tab content

Support
#1

Hi, ThemeCo Support –

I have a tab element on this page:
https://receptivitylab.com/what-is-receptivity/

I would like to eliminate most of the space between the tab headings and the tab content. On an earlier support thread I found this recommended css:

.x-tab-content .x-tab-pane {
padding-top: 1px;
}

When I added that, the space was reduced, but there is still a lot more space than I want:

I changed the padding to 0px, and this happened:

Can you please help me close up that gap?

Thanks!
– Marjorie

#2

Hi Marjorie,

For spacing issue like this, please use developer tools to inspect element and check where the space is coming from. See this: https://screencast-o-matic.com/watch/cbQuixIvkR
It is the default top margin of the h4 tag on the tab content. See that I have added the class mtn to reset that margin to zero.

#3

Fabulous, thank you! I succeeded in changing the top margin on the first heading thanks to your screencast.

#4

Nevermind, I was being dense – of course I can just go into Cornerstone and change them all easily.

Thanks!

#5

You’re always welcome!

Cheers.