Problem with gkBullet

Hello,

On my K2 article, class "gkBullet2" don't work fine.
I post 2 screens for explain my problem : your example and my article.

What's wrong in what I do ?

Edit : screen are bad because of max resolution ask by the forum.

CSS with my article :

Code: Select all

.itemBody > ul li:before, .itemBody > div > ul li:before, #product-tabs-content dd:before, .itemBody > ul.gkBullet1 > li:before, .itemBody > div > ul.gkBullet1 > li:before, .itemBody > ul.gkBullet2 > li:before, .itemBody > div > ul.gkBullet2 > li:before, .itemBody > ul.gkBullet3 > li:before, .itemBody > div > ul.gkBullet3 > li:before, .itemBody > ul.gkBullet4 > li:before, .itemBody > div > ul.gkBullet4 > li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
}
.itemBody > ul li:before, .itemBody > div > ul li:before, ul.gkBullet1 li:before, #product-tabs-content dd:before {
color: #111;
content: "\f111";
font-size: 6px;
top: 10px;
}
.itemBody > ul li:before, .itemBody > div > ul li:before, #product-tabs-content dd:before, .itemBody > ul.gkBullet1 > li:before, .itemBody > div > ul.gkBullet1 > li:before, .itemBody > ul.gkBullet2 > li:before, .itemBody > div > ul.gkBullet2 > li:before, .itemBody > ul.gkBullet3 > li:before, .itemBody > div > ul.gkBullet3 > li:before, .itemBody > ul.gkBullet4 > li:before, .itemBody > div > ul.gkBullet4 > li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
}
ul.gkBullet2 li:before {
color: #f49333;
content: "\f14a";
}
.itemBody > ul li:before, .itemBody > div > ul li:before, #product-tabs-content dd:before, .itemBody > ul.gkBullet1 > li:before, .itemBody > div > ul.gkBullet1 > li:before, .itemBody > ul.gkBullet2 > li:before, .itemBody > div > ul.gkBullet2 > li:before, .itemBody > ul.gkBullet3 > li:before, .itemBody > div > ul.gkBullet3 > li:before, .itemBody > ul.gkBullet4 > li:before, .itemBody > div > ul.gkBullet4 > li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
}

CSS with your article :

Code: Select all

ul.gkBullet2 li:before {
color: #f49333;
content: "\f14a";
}
.itemBody > ul li:before, .itemBody > div > ul li:before, #product-tabs-content dd:before, .itemBody > ul.gkBullet1 > li:before, .itemBody > div > ul.gkBullet1 > li:before, .itemBody > ul.gkBullet2 > li:before, .itemBody > div > ul.gkBullet2 > li:before, .itemBody > ul.gkBullet3 > li:before, .itemBody > div > ul.gkBullet3 > li:before, .itemBody > ul.gkBullet4 > li:before, .itemBody > div > ul.gkBullet4 > li:before, ul.gkBullet1 li:before, ul.gkBullet2 li:before, ul.gkBullet3 li:before, ul.gkBullet4 li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
}

Don't know why I have all this CSS above the right CSS to apply

thanks
Guillaume

Could you please post an url to your site where I can see the issue live?

I gave url in PM

You have sent pm with link to homepage - please provide a link to an article that has gkBullets inside.

It was the good url in PM

The bug is currently reported to our devteam.
To quick fix it, Please edit: /templates/gk_game/css/override.css and add at its end:

Code: Select all

ul.gkBullet2 li:before {
color: #f49333 !important;
content: "\f14a" !important;
}


Remember to enable "CSS override" in template settings - advanced section.