Problem with typography - size of characters

Hi all. I use typography class in my text, but there is small "icon" i.e. unordered list. Another text behind unordered list is ok. I think every is enabled in template. My code and example:

Code: Select all

<ul class="gkBullet2">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>

Result is:


But, when I add another code from demo like this:

Code: Select all

<div class="demo-typo-col4">
<div class="demo-typo_padd">
<ul class="gkBullet2">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
</div>
</div>

Result is:


everything is ok. Why?

Hi

I'm afraid I need to see it on live site. Can You please tell me the url to the page I'll be able to see it ?

URL sended via PM, thank you

Hi

CSS is compressed, so I think the order it was added makes a difference here. Just add this to override:

Code: Select all

.itemBody > ul li::before, .itemBody > div > ul li::before, ul.gkBullet1 li::before, #product-tabs-content dd::before {
    font-size: 13px;
    top: 3px;
}


so it will be styled again.

Thank you, works fine And for your information: now I disable CSS compression.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro