Hey,

I’m configuring the ims-image page to have buttons down the right side (as if it was a sidebar) but I’m struggling.

My current ims-image page is:

<?php
/**
* Image Store - single image template
*
* @file ims-image.php
* @package Image Store
* @author Hafid Trujillo
* @copyright 2010-2015
* @filesource  wp-content/plugins/image-store/theme/ims-image.php
* @since 1.0.0
*/
the_post( );
get_header( ); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<article id="post-<?php the_ID(); ?>" <?php post_class( 'image-attachment' ); ?>>
<header class="entry-header">
<h1 class="art-postheader">View Image ID: <?php the_title(); ?></h1>
</header><!-- .entry-header -->
<span class="blank-line">.&nbsp;</span>
<div class="entry-attachment">
<div class="attachment">
<?php the_content(); ?>
</div><!-- .attachment -->
</div><!-- .entry-attachment -->
<div class="entry-meta">
<?php
$published_text = __( '<p><a href="%3$s" title="Return to %4$s" class="ims-button" rel="gallery">View %5$s Album</a></p>', 'xclusive' );
$post_title = get_the_title( $post->post_parent );
if ( empty( $post_title ) || 0 == $post->post_parent )
$published_text  = '<span class="attachment-meta"><time class="entry-date" datetime="%1$s">%2$s</time></span>';
printf( $published_text,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_url( get_permalink( $post->post_parent ) ),
esc_attr( strip_tags( $post_title ) ),
$post_title
); 
?>
<p class="button-space">&nbsp;</p>
<?php if(get_previous_post_link()) { ?>
<p><span class="ims-button"><?php previous_post_link( '%link', __( 'Previous') ); ?></span></p>
<?php } ?>
<?php if(get_next_post_link()) { ?>
<p><span class="ims-button"><?php next_post_link( '%link', __( 'Next') ); ?></span></p>
<?php } ?>
<?php
if( $ImStore->active_store )
printf( '<p><span class="ims-button"><a href="%1$s" title="%2$s">%3$s</a></span></p>',
esc_url( $ImStore->get_permalink( "shopping-cart", true, false, $post->post_parent ) ),
esc_attr__( 'View Shopping Basket', 'image-store' ),
__( 'View Shopping Basket', 'image-store' )
);
?>
</div><!-- .entry-meta -->
</article><!-- #post -->
<?php comments_template( ); ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_footer(); ?>

View my page here

My css has been working fine, however when the div which shows the message “Successfully added to cart” displays it moves the image down etc, but it moves one of my buttons down due to my css – so I’m wondering if we can change some of the layout so that the add to cart button does not move?