Topic: Break effect after activity post? · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Break effect after activity post?

robbie778
Participant

@robbie778

6 years, 4 months ago

I am looking to create a break effect after every activity post. So like a bubble system every time somebody posts activity there is a break line which shows the background.

The conclusion I have come to in able to do this is to create a new (#div) and make the (opacity 0).

Problem I am having is how to replicated that (#div) after every activity post?

Image link below shows the red bars where I am looking to create a space (after every activity post) where the background image will display in that gap and it looks like a bubble effect on every activity post.

https://postimg.org/image/8cwwg0r4p/

Be very grateful for any help

Viewing 1 replies (of 1 total)

leog371
Participant

@leog371

6 years, 4 months ago
add margin-bottom:10px to the class of each posts container

Basically like this…. If this is your post or activity container for example
```
	<div id="activity-stream" class="activity-list item-list">

	<?php endif; ?>

	<?php while ( bp_activities() ) : bp_the_activity(); ?>

		<?php bp_get_template_part( 'activity/entry' ); ?>

	<?php endwhile; ?>

	<?php if ( bp_activity_has_more_items() ) : ?>

		<div class="load-more">
			<a href="<?php bp_activity_load_more_link() ?>"><?php _e( 'Load More', 'buddypress' ); ?></a>
		</div>

	<?php endif; ?>

	<?php if ( empty( $_POST['page'] ) ) : ?>

		</div>
```
Look at the first div

” Note: I changed it from Ul’s and Li’s for my purposes but would probably work better ads divs for your case as well”

<div id="activity-stream" class="activity-list item-list">

in stylesheet add something like this

margin-bottom:10px;

to the class activity-list item-list

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.