Customize Activity Plus & make links responsive

1. Change images in wp-content\plugins\buddypress-activity-plus\img

2. Change css in wp-content\plugins\buddypress-activity-plus\css\bpfb_interface.css

a.

.bpfb_form_container {
padding: 1em;
background-color: #fff;
}

b. replace button color #5FB3C9

.bpfb_controls_container .qq-upload-button {
    background: none repeat scroll 0 0 #465c71 !important;
}

3. \wp-content\plugins\buddypress-activity-plus\lib\forms\link_tag_template.php

Change code to

<?php
$target = in_array(BPFB_LINKS_TARGET, array('all', 'external')) ? 'target="_blank"' : '';
?><div class="bpfb_final_link">
	<?php if ($image) { ?>
	<div class="bpfb_link_preview_container_custom">
		<a href="<?php echo $url;?>" target="_blank" <?php echo $target; ?> ><img src="<?php echo $image; ?>" /></a>
	</div>
	<?php } ?>
	<div>
		<div class="bpfb_link_preview_title"><?php echo $title;?></div>
		<div class="bpfb_link_preview_url_custom">
			<a href="<?php echo $url;?>" target="_blank" <?php echo $target; ?> ><?php echo $url;?></a>
		</div>
		<div class="bpfb_link_preview_body"><?php echo $body;?></div>
	</div>
</div>

Add CSS to theme:

.bpfb_link_preview_container_custom {
max-width: 450px;
height: auto;
}
.bpfb_link_preview_url_custom {
font-size: smaller;
}

Hide document icon

\wp-content\plugins\buddypress-activity-plus\css\bpfb_toolbar.css

#bpfb_addDocuments {
	display: none;
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.