Thanks, Balinor.
This is what I did to (finally) make it work. (After several hours of mucking about!) I changed this part of customer/main/product.tpl:
<span>{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}</span>
^^^^^
to:
<span class="Productbullets">{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}</span>
^^^^^^^^^^^^^^^^^^^
I then defined Productbullets in the CSS as follows:
.Productbullets UL {
LIST-STYLE-TYPE: none;
PADDING: 0;
MARGIN: 0 0 3px 0;
}
.Productbullets LI {
BACKGROUND-IMAGE: url('images/custom/arrowrsmall.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: 0;
PADDING-LEFT: 1.2em;
}
(arrowrsmall.gif is the custom graphic I used for the bullet, just upload it to your images/custom directory.)
And I used the following code in the product description:
<ul>
<li>1st line of description
<li>2nd line of description
<li>3rd line of description
<li>4th line of description
</ul>
And it now works great! Many thanks for your help.
This is a very nice mod for anybody who wants to add custom bullets to their product descriptions.