[Plugin: jQuery Collapse-O-Matic] Adding colors to Collapse-O-Matic titles

Hey Kim,
First, you are VERY WELCOME… we always like to hear such kind words about our work.
To give the trigger a special class, you will want to check out the Trigclass Attribute in the Documentation. You will also need to have the class you want to use in your theme’s style.css file. If you need help with this, let us know.

1. Create your class in the style.css file (we are using the class “hightlight in this example)
2. Assign this class to your expand element like so:
[expand title="HR START UP" trigclass="highlight"]CONTENT HERE [/expand]
3. Be happy and tell all your friends how much you love Twinpictures!*

*this process will also work without step 3 ??

-Your Pals at Twinpictures

Thank you Baden. While I can do the Trigclass Attribute, you lost me with the rest. I know where to find the style.css file just not sure how to formulate the style codes and where to put them. If that’s easy to do, can you direct me to a website that is helpful?

Love #3 — happy to share how much I love Twinpictures!

Alles Klar.

1. open up your style.css file
2. copy and paste the following at the very bottom (so you know where to find it when you want to change it, see:

   .highlight{
   	color: #cccc66;
   }

3. smile and grab a beer from the fridge, giddy with anticipation
4. enter the trigclass="highlight" to all your expand elements you want flavored with this amazing colour

Now, an alternative solution would be to simply use .collapseomatic rather than .highlight to your lovely style.css file like so:

.collapseomatic {
    color: #cccc66;
}

and presto all of your expand elements should automagically be flavored.

Can you dig it?

haha, nice touch with Rocky and Bullwinkle!

And… it worked, go figure! Okay now that I’m a genius — didn’t I read that there were other symbols to use besides the arrows? If I did the color change, I can do that too!

Thanks!!

I’m wondering if the trigclass can also be used if you want more than one colour in the title text.

For example, with a title text like:

[expand title=”This title text is in red, blue, green, and orange”]Isn’t it colourful?[/expand]

and having “red” in red, “blue” in blue, etc.

This is probably too much to ask of an already awesome plugin, but I had the idea for my site, and if it can be done, well, I’d say I’d tell everyone, but I already have a link to Collapse-O-Matic on my FAQ page where I list some of the tools I use on the site, because I know people would be impressed with it when they see it.

Why not just do something like:

[expand title="This title text is in <font color='red'>red</font>, <font color='blue'>blue</font>, <font color='green'>green</font>, and <font color='orange'>orange</font>"]Isn't it colourful?[/expand]

Seems to work here

Thanks, I think my problem was that I tried everything I could think of, including that, but the title text kept blanking out. I realized now I needed single quotes around the colour instead of double quotes (and why).

Sometimes the simplest things …