Plugin Author
Baden
(@baden03)
Yes.
You will need to assign a custom class to the trigger and define that class.
For this example we will call this new class toggle_box.
Use the trigclass attribute to assign a custom class to the trigger.
trigclass="toggle_box"
Use the default settings or the tag attribute to assign the trigger tag as a div.
tag="div"
The CSS, you will need to save either in your child theme’s style.css or in the collapse-o-matic plugin settings page under Custom CSS. From the page you shared, this class was defined as follows:
.toggle_box {
padding: 10px 20px;
color: #121212;
font-size: 16px;
font-weight: normal;
font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e3e3e3));
background: -moz-linear-gradient(top, #f4f4f4, #e3e3e3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e3e3e3');
border: 1px solid #dadada;
position: relative;
margin: 20px 0 0 0;
display: block;
}
Now you put it all togher like so:
[expand title="The Trigger Text" tag="div" trigclass="toggle_box"]Hidden Content[/expand]
If you need further assistance, just hit us back. If it works for you and you are happy with the plugin or it’s support, consider leaving a little review and share your thoughts with others.
Because, well … happy and you know it, vote for pedro and so on.
..many many thanks for your reply. I tried and I now have a box around the trigger text which is perfect. Is there any way I can have a border around the expanded text.
Thank you for your help.
Hello again, I could really do with your help with this as I have my wife on my back to get this sorted! and she is an angry Austrian wife.
Plugin Author
Baden
(@baden03)
You really should check out the documentation.
You’ll want to use the targclass attribute, and maybe brush up on come CSS
The CSS used for the content on the link you shared:
.boxed {
background: #fff;
margin: 0;
border: 1px solid #dadada;
border-top: 0;
padding: 20px;
}
Baden, thank you so much for your reply. As you will have guessed I am very new at this and am learning on the hoof; that said, I will learn. It would be very kind of you to spoon feed me a little at this stage and tell me where to put that code in relation to the code you previously supplied.
Kind Regards
Plugin Author
Baden
(@baden03)
[expand title="The Trigger Text" tag="div" trigclass="toggle_box" targclass="boxed"]Hidden Content[/expand]
and the CSS just gets tacked on to wherever you placed .toggle_box, maybe under Dashboard > Settings > Collapse-O-Matic > Custom CSS?
