Plugin Author
Baden
(@baden03)
Yes.
Either you need to assign each of your collapse elements the tag attribute with a value of ‘div’ like so:
[expand title="trigger text" tag="div"]content[/expand]
Or simply change the default value for the tag attribute from span to div in the collapse-o-matic options page.
Please let us know if you get this resolved.
Adding the div helped, but I have plain text in between the ^[Trigger Text] and the spacing is off. Any tips?
This is what the page looks like:
http://209.240.130.8/whatwedo/additionalresources
Plugin Author
Baden
(@baden03)
If I understand you correctly, you want the text between the triggers to line up with the trigger text, rather than the arrows? This is why you are manually inserting empty space:
<strong> </strong> before the plain text: <span style="text-decoration: underline;"><strong>The PATHS program includes</strong></span>, correct?
This is a css issue. The trigger text has 16px left padding to make room for the arrow. Simply create a new class in your theme’s style.css file like so:
.chib_dibbity_do {
padding-left: 16px;
text-decoration: underline;
text-weight: bold;
}
and then assign this class to your plain text bits:
<span class="chib_dibbity_do">The PATHS program includes</span>
See how much cleaner that looks?
I want the spacing in between
^[Trigger Text]
^[Trigger Text]
^[Trigger Text]
^[Trigger Text]
^[Trigger Text]
to be even. I haven’t added any spaces in between any of the ^[Trigger Text]. That is what it does naturally and it looks weird.
Plugin Author
Baden
(@baden03)
As stated previously, this is a css issue. Please google css or as a friend that knows css to help you out.