• Resolved kimroden

    (@kimroden)


    Hello, first THANK YOU for making such a cool plugin easy to use for non-technical folks!

    I’m using this plug in (see above link) this way:

    [expand title=”HR START UP”]CONTENT HERE [/expand]

    and would love to know how to add color to the text (I want it to stand out and look clickable vs blending w/the rest of my text) without making it too painful. I know how to use the h4 codes but not how to add color/styles to them. I’m hoping this might be easy for those of you who do this frequently! Open to ideas and thank you!

    Thank you!

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Baden

    (@baden03)

    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

    Thread Starter kimroden

    (@kimroden)

    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!

    Plugin Author Baden

    (@baden03)

    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?

    Thread Starter kimroden

    (@kimroden)

    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.

    Plugin Author Baden

    (@baden03)

    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 …

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: jQuery Collapse-O-Matic] Adding colors to Collapse-O-Matic titles’ is closed to new replies.