Collapse-O-Matic Grey Bar Style

Here is an example of how to pimp the collapse-o-matic expand to use a grey bar style using CSS.
Be sure you are using the div ad your default tag in the plugin settings.

The CSS:
.greybar {
border: 1px dotted #aaaaaa;
padding: 7px;
background-position: 98% center;
background-color: #cccccc;
}

The Code:
[expand trigclass="arrowright greybar" title="Monkeys Are Fast"]…[/expand]

Monkeys Are Fast

To give the target content a border, use the targclass attribute:

The CSS:
.blueborder {
border: 1px dotted blue;
border-top: none;
margin-left: 0;
padding: 5px;
}

The Code:
[expand trigclass="arrowright greybar" targclass="blueborder" title="Monkeys Are Fast"]…[/expand]

Monkeys Are Fast

2 Replies to “Collapse-O-Matic Grey Bar Style”

  1. Only the pro version can make this grey bars?
    I have the free version but this code doesn´t appear on my website, i want that the “tittle” looks like a button, but i can´t make it 🙁

Leave a Reply

Your email address will not be published. Required fields are marked *