I have my ul formatted in the ectstyledetails1.css page and it works fine when editing within the admin descriptions. However when adding text to a custom detail page the formatting is not being applied.
The css file linked to the proddetail page is ectstyledetails1.css and that is where the style is:

div.detaildescription ul {
list-style-image:url(../images/check.gif);
padding-left:30px;
}
div.detailshortdescription ul {
list-style-image:url(../images/check.gif);
padding-left:30px;
}

Hi Charlotte

If I am understanding correctly is the custom detail page a separate page from the proddetail page? If so is the stylesheet referenced in the head of the custom detail page?

<link href="css/ectstyledetails1.css" rel="stylesheet" type="text/css" />

The custom detail page is a duplicate of the standard proddetail page, but renamed and with additional text added. Everything else is the same since it is a copy.

The style sheet is there.
Do you think I have to add a style div to the list?

Hi Charlotte
Can we have the url so we can take a look please?



*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

This page shows the bullets as checkmarks at the top which is from the Admin description. The bottom part under the red rule is the text added directly to the php page. And as you can see, the bullets at the bottom are not using the checkmarks.
https://www.waterbeds.com/NEWwaterbeddoctor/proddetail-coronado2.php

Hi, that's because your extra text on the page is not part of the detail description and does not have any class assigned to it.
Just go into your custom code and create a class there - <li class="mylist">Your content</li>
Then go to the stylesheet and add your class to that

div.detaildescription ul,mylist {
list-style-image:url(../images/check.gif);
padding-left:30px;
}
div.detailshortdescription ul,mylist {
list-style-image:url(../images/check.gif);
padding-left:30px;
}

Alternately, if you always want the checkmarks for all lists, in place of bullets, then you could just add the following to your stylesheet
li {
list-style-image:url(../images/check.gif);
padding-left:30px;
}

Thanks,
David

Thank you David!