[Plugin: jQuery Collapse-O-Matic] Spacing & color change

Hello Kim,

It seems that the highlight class is NOT actually being loaded into the element. Can you verify that you do have highlight assigned along with noarrow in the trigclass attribute.

Failing that, please try the following:
[expand title=”HR START UP” trigclass=”noarrow highlight” tag=”div”]content[/expand]

.highlight {
color: #122E9C;
font-weight: bold;
}

Thanks for the new one — it works beautifully!

The only strange thing is if you click on the first expandable, HR START UP, there’s one word “If” that’s right justified and I’ve left justified the entire area but can’t get it moved over.

The spacing between TOTAL REWARDS and EMPLOYEE RELATIONS is off a bit too.

Any thoughts?

Kim,

The .highlight class now includesfloat: left;, so you should also add clear:both; to force the target div to display on it’s own line.

Ss for the wacky spacing issue, this is a known issue with the way WordPress deals with wpautop filtering and shortcodes. A quick fix is to change the execution priority of wpautop by adding the following line to functions.php:

add_filter( 'the_content', 'wpautop', 20 );

Good Luck!

Thanks Baden.

Shall I add the clear:both; to the CSS editor?

And the add_filter line to the functions.php editor?

Sorry…I’m not an expert. ??

Kim,

Yes, to your style.css you want to define highlight like so:

.highlight {
   float: left;
   clear: both;
   padding: 5px 0px;
}

and the add_filter line goes into the functions.php
both can be accomplished using WordPress’ theme editor (css editor / functions.php editor, same thing)

Ultra helpful — thank you very much!

This is what I have on my css editor:

.highlight {
float: left;
clear: both;
padding: 5px 0px;
}

.highlight {
color: #122E9C;
font-weight: bold;
}

The “If” is still hanging out there by itself and misbehaving!

Kim,

You should only have ONE definition for highlight: If you don’t need float left (I dont’t think you do) then just keep the second one.

Thanks Baden. I took out the float left but the “Is” is still flying solo on the far right. ?? This is what I have…

.highlight {
clear: both;
padding: 5px 0px;
}

.highlight {
color: #122E9C;
font-weight: bold;
}

Kim,

Ok, we took another look at your page, and this will fix your problem:
1. in your style.css on line 165 completely remove:

.highlight {
clear: both;
padding: 5px 0px;
}

2. in base.css on line 65 completely remove:

.highlight {
float: left;
width: 97%;
padding: 5px 0px;
}

if you do these two things, you will have solved that pesky hanging text issue.

Thanks for that Baden. Okay I did remove the text on the style.css page.

Can you tell me where I can find the editor page for the base.css?

Dashboard > Themes > Edit > near the bottom of the list on the left, is there a base.css file?
if not, email us at: support [@] twinpictures.de and we will guide you through the process.

Thanks for that Baden — I’ll send an email.