Dotpoint & Bulleted List problem
I'm having trouble with my dotpoint/bulleted list style.
In my CSS, all fonts are set to Georgia but when viewing on an iPad, you can of course change the font to whatever you want. But for some reason, the dotpoint style is staying as Georgia no matter what font I choose within the eReader. This creates an unslightly clash of fonts.
Here's my CSS code:
li.dotpoint {
font-family : Georgia, serif;
font-weight : normal;
font-style : normal;
font-size : 0.83em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : left;
color : #000000;
margin-right : 32px;
margin-top : 8px;
margin-bottom : 8px;
}
And an example of the list in a chapter:
<ul class="List-1">
<li class="dotpoint">entry one.</li>
<li class="dotpoint">entry two</li>
</ul>
Has anyone else encountered this problem or have any tips?
|