How can I move this under price?

[traytray]

I recently moved the price just above the "add" quantity box on the product page and I like it so much better. Now I think the "Free Shipping + No Minimum Purchase" would be more effective directly under the price. The font needs to be smaller, and I'm not sure if I want to continue to use Georgia or Verdana, but that can be tweaked once it's placed. Can someone please show me the code I should use to move it?

#productPrices {
font-size: 1.3em;
margin-left: 75%;
}


#freeship {
color: #ED3A84;
font-family: georgia,serif;
font-size: 100%;
font-style: italic;
font-weight: bold;
}

http://designerperfumesnob.authsafe....html?cPath=656

[frank18]

In includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php you would need to move

<div id="freeship"> blah blah </div>

to

<div id="cartAdd">

blah blah

just before the closing </div>

so it reads

<div id="cartAdd">

blah blah

<div id="freeship"> blah blah </div>
</div>

Backup that file before doing this!

Then in your stylesheet add

#freeship {
color: #ED3A84;
font-family: georgia,serif;
font-size: 100%;
font-style: italic;
font-weight: bold;
float: right;
}

You may need to break up "Free Shipping + No Minimum Purchase" into 2 lines ...

[traytray]

I need a small adjustment because the Add to cart and Free Shipping are sharing a line. I did the following:


<div id="cartAdd">
<?php
echo $display_qty;
echo $display_button;
?> <div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>
</div>


and in stylesheet:

#freeship {
color: #ed3a84;
font-family: georgia,serif;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
float: right;}

The strange thing is, for a moment it showed correctly. Just long enough for me to see that I needed a space between the Add To Cart and the Free Shipping text. Then the next thing I knew, they were sharing a line. When you show me how to make this adjustment, can you include how to make a single space between them. Thank you!

http://designerperfumesnob.authsafe....en-p-3794.html

[frank18]

<div id="cartAdd">
<?php
echo $display_qty;
echo $display_button;
?> <div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>
</div>

?><br /> <div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>

[traytray]

Perfect! Thank you~

[dbltoe]

and in stylesheet:

#freeship {
color: #ed3a84;
font-family: georgia,serif;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
float: right;}

Another problem with this is that you use #freeship. The # is reserved to designate an id and an id should be a singular occurrence on a page. You use the freeship designation twice on the product page.
The quick solution is to change <div id="freeship"> on the product page to <div class="freeship"> and then change the stylesheet to .freeship which tells the stylesheet that freeship is a class that will be used more than once on a page.
The SEs will be less confused.