I'm using this:

[collapsed class="h2" title="This is my custom text"]This is my content[/collapse]

The collapsing works but the h2 style doesn't come through. The "This is my custom text" is styled as .

I've tried losing the "class" tag and applying the heading style manually in plain text view either side of the [collapsed] tag but that doesn't work either.

Is this not working or do I need to create a new CSS class for the collapsing links in my h2 style?

Comments

onewomanbiz’s picture

onewomanbiz commented

In case others need this, I made a class and got it working as below:
[collapsed class="myclass" title="my title is here"]

/* ----------------- collapsed ----------------- */

.myclass {
background-color:#B6EC84;
margin:0px;
padding:0px;
font-size:0.9em;
border: 0;
}

.myclass  a {
color: #660066;
font-size:0.9em;
}

.myclass legend {
margin:0px;
padding:0px;
background-color:#B6EC84;
font-family: 'AllerRegular';
border: none;
}

.myclass  .fieldset-wrapper{
margin-top: 0px;
padding-top: 0px;
}

Notice the default classes I needed to specify such as legend and fieldset-wrapper. Otherwise default behavior prevents myclass taking effect.

pukku’s picture

pukku commented
Status: Active » Closed (works as designed)

Hi! The `class` option doesn't change the tag used from `legend` to `h2` (in your example). You need to change the CSS class of `legend.YOURCLASSNAME` to be what you want it to look like.