Docs

[Benjamin H]

You will notice on this page, http://www.lvbaptist.org/new-to-lvbc/ that there are some gaps with the accordion tabs. I pointed them out with this screenshot. http://prntscr.com/cibeo3 Can you help me remove the gaps so they look like the rest. Thank you!

Benjamin

[Rupok]

Hi Benjamin,

Thanks for writing in! Your texts are long for some titles and you are using number of items in small column so it’s causing. You can set a minimum height for them to make them even by adding this under Custom > CSS in the Customizer.

.x-nav-tabs-item > a {
  min-height: 100px;
}

However it won;t look good for all the accordions out there because some of them have long titles and some them are not so long. In that case you can give the Tabs an unique class using the Class field and use separate min-height value. For example for the first one :

.my-tabs-1 .x-nav-tabs-item > a {
  min-height: 80px;
}

For the second one :

.my-tabs-2 .x-nav-tabs-item > a {
  min-height: 100px;
}

Make sure to add the appropriate classes to them.

Hope this makes sense.

[Author]

Posts