[Plugin: jQuery Collapse-O-Matic] CCS and Collapse-o-matic

Needs to be s3 ofcourse, but nevertheless;

Could you please hand me a code snippet of how font appearances can be altered by adding settings to the stylesheet and how the collapse-o-matic command should look like when these settings have been applied?

It should give me a gentle push in the right direction to get going with this plugin. Which is totally freakin’ fantastic by the way.

thank you in advance!

Thanks Dave, but can you hand me some code to help me start up this thing with css?

Thanks.

I hope so Dave. Thanks anyway. 😉

Hi Baden,

Thank you for the advice. I’ve copied and pasted the html part and the css part but it doesn’t work. Looks like the css is overruled somewhere. (guess)

Just to make sure: I need to alter the plugin’s style sheet right?

Thanks in advance for you help.

Oh and I’m using the Colorway theme from Inkthemes.

I hate to say it Baden, I was hoping for it, but…..

..it ain’t working.

Here’s what I’ve done:

Fixed the style sheet from the plugin

.collapseomatic {
	background-image: url(images/arrow-down.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 16px;
	/*border: 1px dotted blue;*/
	cursor: pointer;
}
.arrowright {
	background-position: top right;
	padding: 0 16px 10px 0;
}
.noarrow {
	background-image: none !important;
	padding: 0 0 10px 0;
}
.colomat-hover {
	text-decoration: underline;
}
.colomat-close {
	background-image: url(images/arrow-up.png);
}
.collapseomatic_excerpt, .collapseomatic_content {
	margin-top: 0px;
	margin-left: 16px;
	padding: 0px;
}
.content_collapse_wrapper {
	display: none;
}
.collapseall, .expandall {
	cursor: pointer;
}
.collapseall:hover, .expandall:hover {
	text-decoration: underline;
}

added the code like you suggested to the style sheet from the theme (style.css)

Theme URI: http://www.inkthemes.com/wp-themes/colorway-wp-theme/
Description: Colorway is Simple, Elegant and beautiful Theme with Easy Customization Options built by InkThemes.com. The Customization Options includes using your own Logos, Backgrounds, Analytics and your own Custom Footer Texts and Analytics that can be tweaked using Theme Options Panel. Colorway Theme is Single Click Intall feature, Just press activate button and your website will get ready with all the dummy content. Just set the content from the Themes Options Panel. Colorway by InkThemes.com is suitable for any business or personal website. The Theme can work for various different niches. It includes special styles for Gallery pages, and has an optional fullwidth page template as well.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 1.7.6
License: GNU General Public License
License URI: license.txt
Tags: black, blue, green, white, gray, custom-menu, dark, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, custom-colors, custom-header, custom-menu, light, theme-options, editor-style
*/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
@import url('css/reset.css');
@import url('css/960_24_col.css');
@import url('css/ddsmoothmenu.css');
/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
body {
    font: 13px/1.5 "Trebuchet MS", Arial;
}

.s4 {
	font-color: #ff9900;
	font-size:18px;
}

pre, code {
    font-family: "Trebuchet MS", Monaco, Consolas, monospace;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    font-size:13px;
    font-family:"Trebuchet MS";
    color:#4a4a4a;
    line-height:1.6;
}
a {
    text-decoration:none;
}etc.etc.etc.

added the html to my WP page:

[expand title= "expand this title" class="s4"]expanded title[/expand]

and then…nothing. I see the text and I can expand it but there’s no styling whatsoever.

When you have the time, and I know you don’t, can you have a look at this for me?

thanks in advance!!

thank you Baden. I’ve send you an e-mail.

Well Ren, yes! you’re totally right on the trigclass thing.

I’m puzzling to get the theme font right now. But it defenately got me going on my way again. Thanks!