[Chuckie]

Please look here:

Theocratic Software

Is it possible to style the “Latest Forum Activity” widget so that it looks similar to “Recent Posts” widget just above it?

[Chuckie]

I have improved it alot:

.widget_display_topics ul {
	background: rgba(0, 0, 0, 0.04);
	padding: 10px 20px;
	list-style-type: none;
	margin: 0;
	margin-bottom: 1.66666667em;
}
a.bsp-la-reply-topic-title {
	color: #222222;
	font-weight: 600;
}
.bsp-la-text,.bsp-la-topic-author, .bsp-activity-freshness, .bsp-activity-forum {
	font-size:12px;
	text-transform: uppercase;
}
.widget_display_topics ul:last-child {
	margin-bottom: 0;
}
.widget_display_topics img.avatar.photo {
	border: #000 solid 1px;
	margin-top: -3px;
	margin-right: 4px;
	display:inline-block;
	vertical-align:middle;
}

The only thing I would still like to do is get the final “TOPIC BY …” information to all flow as a sentence with a / delimiter. Can that be done?

[Chuckie]

This is the final CSS that looks good:

/* Recent Topics Widget */
/* See also: .widget_display_topics img.avatar.photo */
.widget_display_topics ul {
    background: rgba(0, 0, 0, 0.04);
    padding: 10px 20px;
    list-style-type: none;
    margin: 0;
    margin-bottom: 1.66666667em;
}
a.bsp-la-reply-topic-title {
    color: #222222;
    font-weight: 600;
    display: block;
}
.bsp-la-text,
.bsp-la-topic-author,
.bsp-activity-freshness,
.bsp-activity-forum {
    font-size:12px;
    text-transform: uppercase;
}
.bsp-activity-author,
.bsp-activity-freshness,
.bsp-activity-forum {
    display: inline;
}
.bsp-activity-author:after,
.bsp-activity-forum > .bsp-la-text:before {
    content:"/";
    margin: 0 7px;
}
.widget_display_topics ul:last-child {
    margin-bottom: 0;
}

[Chuckie]

Also, it would be better if the bbp style pack plugin did not create code like this:

<span class="bsp-la-text">in </span>

The space is hard-coded. If the gap was achieved with styling then I could have added a “:” suffix which would make it even more consistent. I would be able to do that for the line:

<span class="bsp-la-text">topic by</span>

But not the “in ” line.

[Robin W]

always a toss up – I can add endless options to my plugins or take judgements on what people want.

<span class=”bsp-la-text”>in </span> lets people translating change what they want. If I take then space out, then that is always there.

you can use

//This function changes the text wherever it is quoted
function change_translate_text( $translated_text ) {
	if ( $translated_text == 'old text' ) {
	$translated_text = 'new text';
	}
	return $translated_text;
}
add_filter( 'gettext', 'change_translate_text', 20 );

to put in a : if you want it

[Chuckie]

I completely understand where you are coming from. This is only a cosmetic issue and I think I will leave it as it is. But I appreciate the resolution provided.

[Robin W]

🙂