Spacing between complex titles

  • Resolved howtostudykorean

    (@howtostudykorean)


    11 years, 5 months ago

    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/

    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:

    한국 = [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]

    도시 = [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://ww.wp.xz.cn/plugins/jquery-collapse-o-matic/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Baden

    (@baden03)

    11 years, 5 months ago

    We have done some testing and are unable to reproduce the issue are are experiencing. It seems you are dealing with unwanted filtering via the wpautop filter.

    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

    (@howtostudykorean)

    11 years, 5 months ago

    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

    (@baden03)

    11 years, 5 months ago

    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

    (@baden03)

    11 years, 5 months ago

    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.