erh

So, that totally worked for the accordion. Thanks a tun. But I’m afraid it gets a bit more complicated 🙁

Here’s the catch, the place where I intended to use the flexiblemap was already within an accordion. Which is to say, I needed an “accordion effect” within an accordion — which is why I was using the second “accordion” plugin (Collapse-O-Matic with the “Expand” shortcode) — which apparently doesn’t cause an ‘event’ that can cause the flexiblemap to resize.

I tried an accordion within an accordion, but the innermost accordion just terminates the outer accordion, so that won’t work.

The plugin has another option called a ‘toggle’ (which is just a single accordion item, not within a set of others) — but alas, the event name must not be the same because the map still didn’t show up correctly within the toggle 🙁

I tried (on a whim) updating the PHP you provided as follows, but it still didn’t cause for the “toggle” to properly display the map.

<script>
jQuery("body").on("toggleactivate", function(event, ui) {
    if (ui.newPanel.length) {
        jQuery("#" + ui.newPanel[0].id + " div.flxmap-container").each(function() {
            var flxmap = window[this.getAttribute("data-flxmap")];
            flxmap.redrawOnce();
        });
    }
});

</script>

The broken example can still be seen here:
http://www.saultimate.org/test/

I feel you’ve already gone above and beyond to help me, with the creating of the new PHP Plugin and the quick responses. I am sheepishly crawling back to beg you for additional advice from someone far more talented than I. Any help is greatly appreciated.

Went ahead and tested it, and it seems that was exactly what did the trick. Beautiful.

Matt, thank you VERY much for helping me get this sorted. Truly, great support for your brilliant plugin.

Yikes, I was worried about that. I’m not very well versed with CSS. But I like a challenge I guess, I’ll give it a go.

But I could use a bit more direction, if you don’t mind.

Looking through the .css page, I found three places where ‘font-size’ is used:

.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header {
    font-size: 120%;
}

.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header {
    font-size: 120%;
}

.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header {
    font-size: 120%;
}

The first two (judging from the name) seem to correlate to the ‘light’ and ‘dark’ themes, but I’m presently using the default of “smoothness”, so I don’t think those are the right places for me to make a modification.

Instead, I’m eyeing that third one. Is that the right place to modify the font size for the content within the accordion?

Moreover, I’m using a hosted WP instance, so I don’t have full access to the server. I can’t add new files, I can simply modify the ones that currently exist. My natural inclination is to change the “120%” above to something else (“100%” or “90%”), but your instructions instead seem to instruct me to create a new “selector” that looks like this:

.squelch-taas-override.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header {
font-size: 100%;
}

Am I interpreting that correctly? If so, where would I put the three lines above? Can I simply add these three lines to the end of the squelch-tabs-and-accordions.css file?

Any help is greatly appreciated. Thanks for your quick response already.

Ahh never mind, it appears it was a cacheing issue. After a few hours the second group was working just fine. Good stuff.

On that note, I did have another question. Is there a way to make the “posted by” and the “date” appear on the same line? Right now it looks like so:

<Post Contents here><Post Contents here><Post Contents here>
Posted By Someone Special
3 hours ago

I would save some vertical screen real-estate if we could have these appear on the same line. Like so:

<Post Contents here><Post Contents here><Post Contents here>
Posted By Someone Special – 3 hours ago

I found the code portion in the php file which controlled this, but I didn’t see any easy way to put them on the same line.

//output Posted By... text, if option is set
				if(get_option('ik_fb_show_posted_by')){
					//only add the author if there is line item content to display
					if(isset($item->from)){ //output the author of the item
						if(isset($item->from->name)){
							$from_text = $item->from->name;
						}

						if(strlen($from_text) > 1){
							$posted_by_text = '<p class="ikfb_item_author">' . __('Posted By ', $this->textdomain) . $from_text . '</p>';

							//add custom posted by styling from pro options
							if(!get_option('ik_fb_use_custom_html')){
								$posted_by_text = $this->ikfb_posted_by_styling($posted_by_text);
							}
							//TBD: make Custom HTML option for Posted By
							$line_item .= $posted_by_text;
						}
					}
				}

				//output date, if option to display it is enabled
				//TBD: Allow user control over date formatting
				if(get_option('ik_fb_show_date')){
					setlocale(LC_TIME, WPLANG);
					$ik_fb_use_human_timing = get_option('ik_fb_use_human_timing');
					if(strtotime($date) >= strtotime('-1 day') && !$ik_fb_use_human_timing){
						$date = $this->humanTiming(strtotime($date)). __(' ago', $this->textdomain);
					}else{
						$ik_fb_date_format = get_option('ik_fb_date_format');
						$ik_fb_date_format = strlen($ik_fb_date_format) > 2 ? $ik_fb_date_format : "%B %d";
						$date = strftime($ik_fb_date_format, strtotime($date));
					}

					if(strlen($date)>2){
						$date = '<p class="date">' . $date . '</p>';

						//add custom date styling from  options
						if(!get_option('ik_fb_use_custom_html')){
							$date = $this->ikfb_date_styling($date);
						}
					}

					$line_item .= $date;
				}