Title: Spacing between complex titles
Last modified: August 22, 2016

---

# Spacing between complex titles

 *  Resolved [howtostudykorean](https://wordpress.org/support/users/howtostudykorean/)
 * (@howtostudykorean)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/)
 * I know this has been discussed at length before. I’ve tried everything written
   in the other threads.
 * – Wrapping the whole thing in a <div> didn’t work
    – Adding “add_filter( ‘the_content’,‘
   wpautop’, 20 );” to my functions.php didn’t work Changes to my CSS didn’t work(
   giving negative padding, etc.)
 * Here is the page I am working on:
 * [http://www.howtostudykorean.com/unit1/unit-1-lessons-1-8/unit-1-lesson-1/](http://www.howtostudykorean.com/unit1/unit-1-lessons-1-8/unit-1-lesson-1/)
 * I love what the plug-in allows me to do.
    I have a list of vocabulary, and when
   the English word is clicked, I want it to show hidden content that gives more
   information about the word. I also have a Korean word, but when that is clicked,
   an audio recording of that word is played, and it is not related/included in 
   the [expand] code that I put in there.
 * I actually love the way it looks now in every way, except for that the spaces
   between vocabulary words (before any content is expanded) is too large.
 * I’m not sure, but I think the <div> trick might not be working because there 
   is more than just expandable content between the divs (because there is also 
   a Korean word with an audio file).
 * The code looks like this. For example, the first two I have (including the Korean
   word which is not wrapped in the [expand] code:
 * [한국](http://www.howtostudykorean.com/wp-content/uploads/2014/01/wLesson1-1.mp3)
   = [expand title=”Korea” trigclass=”arrowright”]
 * Common Usages
    한국 사람 (Korean person) 한국어 (Korean language)
 * Examples
    저는 7년 동안 **한국**에서 살았어요 = I lived in **Korea** for seven
   years 저는 내년에 **한국**에 갈 거에요 = I will go to **Korea** next year 저의
   어머니는 올해 **한국**에 올 것입니다 = My mom will come to **Korea** this year
   저는 한국어를 **한국**에서 배웠어요 = I learned Korean in **Korea**[/expand]
 * [도시](http://www.howtostudykorean.com/wp-content/uploads/2014/01/wLesson-1-2.mp3)
   = [expand title=”city” trigclass=”arrowright”]
 * Example:
    서울은 큰 **도시**예요 = Seoul is a big **city**[/expand]
 * I’ve been working on this for days now and I can’t seem to get anywhere. Wrapping
   the whole thing in a <div> makes the first two titles close, but not any of the
   rest.
 * Thank you.
 * [https://wordpress.org/plugins/jquery-collapse-o-matic/](https://wordpress.org/plugins/jquery-collapse-o-matic/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/#post-5639994)
 * We have done some [testing](http://spacedonkey.de/1759/collapse-o-matic-lists/)
   and are unable to reproduce the issue are are experiencing. It seems you are 
   dealing with unwanted filtering via the [wpautop filter](https://wordpress.org/support/topic/shortcodes-content-controlling-wpautop?replies=2).
 * Which version of the plugin are you using? Can you update to version 1.6.5 and
   see if the issue continues?
 * Let us know if you still have no-joy and we’ll try and help you discover the 
   root of this issue.
 *  Thread Starter [howtostudykorean](https://wordpress.org/support/users/howtostudykorean/)
 * (@howtostudykorean)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/#post-5639999)
 * Thanks for the response.
 * I’ve fully updated to 1.6.5 and the issue is still persisting.
 * I’ve left the page I’m working on (same link as above) with the use of the
    -  code wrapping the long list of titles (from “Korea” to “student”). It is 
      the one thing that shows the most promise in fixing it. If you look at the
      list I have, the first two vocabulary words (“Korea” and “city”) are close,
      which is the way I want the space between each title to be. There are spacing
      problems within the hidden content of those two titles, but I’ll happily take
      the spacing problems within the hidden content over the spacing problems of
      the titles.
 * It’s just a guess, but I think because I have
    -  …
 *  wrapping more things than just a list of [expand] … [/expand] that it is causing
   a problem.
 * This is what the code looks like now:
 *     ```
       <ul>
       Nouns:
       <a href="http://www.howtostudykorean.com/wp-content/uploads/2014/01/wLesson1-1.mp3">한국</a> = [expand title="Korea" trigclass="arrowright"]
   
       Common Usages
       한국 사람 (Korean person)
       한국어 (Korean language)
   
       Examples
       저는 7년 동안 <strong>한국</strong>에서 살았어요 = I lived in <strong>Korea</strong> for seven years
       저는 내년에 <strong>한국</strong>에 갈 거에요 = I will go to <strong>Korea</strong> next year
       저의 어머니는 올해 <strong>한국</strong>에 올 것입니다 = My mom will come to <strong>Korea</strong> this year
       저는 한국어를 <strong>한국</strong>에서 배웠어요 = I learned Korean in <strong>Korea</strong>[/expand]
   
       <a href="http://www.howtostudykorean.com/wp-content/uploads/2014/01/wLesson-1-2.mp3">도시</a> = [expand title="city" trigclass="arrowright"]
   
       Example:
       서울은 큰 <strong>도시</strong>예요 = Seoul is a big <strong>city</strong>[/expand]
   
       <a href="http://www.howtostudykorean.com/wp-content/uploads/2014/01/wLesson-1-3.mp3">이름</a> = [expand title="name" trigclass="arrowright"]
       Common Usages
       이름이 뭐예요? (What is your name?)
       제 이름은 __이에요 (My name is__)
   
       Examples
       그 사람의 <strong>이름</strong>은 뭐예요? = What is that person’s <strong>name</strong>?
       저의 <strong>이름</strong>은 김한성이에요 = My <strong>name</strong> is 김한성[/expand]
   
       ...
       ...
       ...
   
       </ul>
       ```
   
 * Thanks again,
 * Will
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/#post-5640001)
 * OK. please contact us at info [at] twinpictures [dot] de and include a link to
   this thread. We would like to log-on and take a closer look at this issue. Quite
   confident it is something simple that can be fixed in short order.
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/#post-5640015)
 * Will,
 * The problem seems to be resolved if you wrap each of the word/definition elements
   in a div like so:
 *     ```
       <div>The First Korean Word = [expand Title="The First English Word"]Examples:
       Bla
       Blibber
       Blabber[/expand]<div>
   
       <div>The Second Korean Word = [expand Title="The Second English Word"]Examples:
       Bla
       Blibber
       Blabber[/expand]<div>
       ```
   
 * Please let us know if that resolves this issue for you.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Spacing between complex titles’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jquery-collapse-o-matic_fffeff.svg)
 * [Collapse-O-Matic](https://wordpress.org/plugins/jquery-collapse-o-matic/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jquery-collapse-o-matic/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jquery-collapse-o-matic/)
 * [Active Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jquery-collapse-o-matic/reviews/)

## Tags

 * [space](https://wordpress.org/support/topic-tag/space/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)

 * 4 replies
 * 2 participants
 * Last reply from: [Baden](https://wordpress.org/support/users/baden03/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/spacing-between-complex-titles/#post-5640015)
 * Status: resolved