Skip to:

Break effect after activity post?

  • robbie778


    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.

    Be very grateful for any help

Viewing 1 replies (of 1 total)

  • leog371


    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>
    	<?php endif; ?>
    	<?php if ( empty( $_POST['page'] ) ) : ?>

    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


    to the class activity-list item-list

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.
Skip to toolbar