Aligning the "write a review" button

I tried to search the forums for this first but not finding what I need.

Okay on the product page the write a review button and the tell a friend about us buttons are both aligned to the left as I wanted them but for some reason there is a very large gap between the two of them. How can I get these closer together?

M,
Please submit me a url please to the page..

I will take a stab in the dark (Ozzy Osborne)

includes/ templates/ your_template_name/ css/ stylesheet.css

Add the declaration to the bottom of the .css sheet

#productTellFriendLink {margin-right: 33em;}

1. the hightlighted red text above, change as desired

Oop sorry, it is http://mollysoap.com/shop/index.php?main_page=product_info&cPath=1&products_id=1

I will give it a shot

mollycakes:

Oop sorry, it is http://mollysoap.com/shop/index.php?main_page=product_info&cPath=1&products_id=1

I will give it a shot

M,
In firefox, I only see a litte gap of 5 to 10 px.

Thanks that did it but now they are way too far down the page. I'd like them directly under my product description table. Any ideas!

Now the light bulb just turned on..

includes/ templates/ your_template_name/ templates/ tpl_product_info_display.php

You will move the following:

<!--bof Tell a Friend button -->
<?php
  if ($flag_show_product_info_tell_a_friend == 1) { ?>
<div id="productTellFriendLink" class="buttonRow forward"><?php echo ($flag_show_product_info_tell_a_friend == 1 ? '<a href="' . zen_href_link(FILENAME_TELL_A_FRIEND, 'products_id=' . $_GET['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_TELLAFRIEND, BUTTON_TELLAFRIEND_ALT) . '</a>' : ''); ?></div>
<?php
  }
?>
<!--eof Tell a Friend button -->

<!--bof Reviews button and count-->
<?php
  if ($flag_show_product_info_reviews == 1) {
    // if more than 0 reviews, then show reviews button; otherwise, show the "write review" button
    if ($reviews->fields['count'] > 0 ) { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>
<?php } else { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<?php
  }
}
?>
<!--eof Reviews button and count -->
```To:1. Right below this:> <!--eof Product description -->
> <br class="clearBoth" />

Get that fixed, then post back, we might half to control the placement again, I believe it will be placed on the left side..

That did it but now my product name, price and add to cart button are now a lot lower down the page than they were.

Yes, I see this.

So,

#productReviewLink {float: right; margin-top: -3.5em;}

play with the 3.5

delete the previous margin-right: 33em;

Very good!!! I changed it to
**#productReviewLink **{float: left; margin-top: -0.2em;}

I changed the float to left and changed it to .2 but my price, name and cart buttons are still way too far down.