No white space between definitions

I had the same problem edit the plugin css code in:
explanatory-dictionary/css/public.css

I changed the following lines and now have my dictionary listed ‘terms’ in red bold underlined with a gap between one listed term definition and the next while also having a faint separating line below each definition too. It really makes a difference in presenting the dictionary / glossary page.

.explanatory-dictionary-entry-word {
font-weight: bold; color:#FC050D; border-bottom: 2px solid;
}

.explanatory-dictionary-entry {
margin-top:25px; margin-bottom:10px; border-bottom: 2px solid #E2DCDC;
}

If you have long definitions and you want to include paragraphs then using
< b r / > <b r / > in the definition creates a new line (without the spaces).

you can also use < b >bold< / b > html tags for *bold*
and probably < i >italics < / i > (again remove space in codes)

Hi
Is this going to be fixed in the plugin soon ?

The presentation part of the plugin needs some work.
Also , it would be Very useful if the new line characters in the definition can be retained.

Right now, all new line chars are lost : (

The plugin will be updated in the summer, as for these problems, I will see what I can do to make it work.

Hi,
Has there been a resolution to the spacing issue in the new update?

You can see an example of 4.1.5 running here https://greenbelt.staging.wpengine.com/research/land-use-planning-dictionary/

The top term does not have a synonym listed (no space between terms).

The second term does have a synonym (no space between terms, but large space between synonym and definition).

Is there a way to create standard space between terms?

Hello ah_greenbelt,
I encountered the same issue. To get rid of this problem I made sure that in my definition post there’s no other HTML tags like ‘< /BR>’ or ‘<P>’ at the end of the definition so there’e no tag between the last word in the definition and the synonym.
I hope it will work for you too.
Cheers
SloBiz

Whether the solution of Slobiz helped you or not, I will still have a look at the code for possible improvements.

Thanks SloBiz.
The extra line breaks were a work around to add padding after each definition in the old version. But now with the addition of synonyms it just pushes the synonym down.

Thank you rjvandoesburg for looking into it. We won’t be able to update the plugin until it is corrected. Otherwise, it becomes one long paragraph.

Hi, Another possible way to address this is to follow the directions in the custom template. I have added the two <br/> tags to the end of the entry and uploaded the file. works a treat.

<?php foreach ( $posts as $entry ) : ?>
	<div class="explanatory-dictionary-entry">
		<span class="explanatory-dictionary-entry-word"><?php echo $entry->post_title; ?></span>&nbsp;-&nbsp;
		<span class="explanatory-dictionary-entry-explanation"><?php echo $entry->post_content; ?></span><br/><br/>
		<?php if( !empty( $entry->synonyms ) ) :?>
			<br /><small>- Synonyms: <span class="explanatory-dictionary-entry-synonyms"><?php echo $entry->synonyms; ?></span></small>
		<?php endif;?>
	</div>
<?php endforeach;?>

Whilst the upside of the solution I posted is convenient, it does then mean that there is another job that needs to be done when you update themes. It would be better if it could be house in the plugin data somehow.

https://www.belmontanglican.org.au/?page_id=141

https://www.philipbarrington.com.au/glossary/

To generate the mini images I used another plugin simple image sizes. I also changed the php to float the div left and then added another div with a clear float and an nbsp;to generate the space, even when there is a short definition.