trigclass arrowright – something went wrong

try setting the tag attribute to div like so:

[expand title="something fantastic" trigclass="arrowright" tag="div"]...[/expand]

this can also be set globally by changing the default tag to div in the plugin options page.

please let us know your results. if this does not work, please set up a test post/page with an element that is not displaying correctly. we’ll help get you sorted out!

Hi Baden.
I did what you suggested. I got the arrow at the right of trigger text however it’s too distant from the text. You can see this in this page

‘https://mlearning.mdsinsure.com/training/london-market-training/’

Would you help me with this please?

Thank you.

P.S. I changed the arrow image to a “+”.

Hello,

This is because the div that holds the trigger text does not have a width set. The only way to set the + at the right of the text is to manually define a width for each collapse element. It seems like a new attribute would be useful for this, no?

Lets first make sure this works by getting it to work on one element. Give this a try:

Assign a unique class to the first element like so:

[expand title="something fantastic" trigclass="arrowright my_unique_class" tag="div"]...[/expand]

Then, in the plugin options page, under custom css enter the following:

.my_unique_class {
     width: 237px;
}

then adjust the 237px to match the width of your trigger text, in this example ‘something fantastic’

Once you get that to work, you can a) give custom classes to the rest of your elements (for an immediate fix) or b) wait a few hours and we will add a trigwidth attribute that manually sets the width of the trigger text for exactly this problem.

What do you say to that?

I tried your suggestion and it worked fine! I needed to solve it right away ?? Perhaps i’ll change it when you develop that new attribute! ??

Thanks for your help and quick answer!

J

we’ll let you know when it’s done baking!
in the mean time, if you are happy and you know it: clap your hands!