Aligning the "write a review" button

[mollycakes]

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?

[haredo]

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

[mollycakes]

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

I will give it a shot

[haredo]

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

I will give it a shot

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

[mollycakes]

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!

[haredo]

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..

[mollycakes]

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.

[haredo]

Yes, I see this.

So,

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

play with the 3.5

delete the previous margin-right: 33em;

[mollycakes]

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.