How to change the bullet style!

Hello friends,
I want to change the bullets!
They should look like these icons "icon-check-empty"
Does anyone know where you can change it and what to watch out for?

Thanks in advance

regards

Sakari

You cant change them globally as this might cause problems .
Instead, please post an url to your site - to exact place where you would like to modify the bullets (eg single article) - I'll provide override.css that will modify the bullets in all comparable places.

Have you a personal message sent!

Thanks

Ok, I have got the link, but I cant find where you have putted standard bullets and would like to change them to something else. Please provide me with more detailed info.

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

ul.gkBullet1 li:before {
color: #222;
content: "\f096";
}


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

This change will change styling of all gkBullet1 styled unordered lists.

Ps, sorry for asking for the access each time... If I'll ask you next time for it, just post a link to your site's url, and an info that I have an access in my PM box .

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

ul.gkBullet1 li:before {
color: #222;
content: "\f096";
}


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

This change will change styling of all gkBullet1 styled unordered lists.

Thanks, but it does not work or what do I need to consider?

I admit it, for example like this:

Code: Select all


<ul class="gkBullet1">
<li>This is a bullet!</li>
<li>This is a bullet!</li>
<li>This is a bullet!</li>
<li>This is a bullet!</li>
<li>This is a bullet!</li>
<li>This is a bullet!</li>
</ul>


In my JCE editor it is not displayed, so I typed it directly!
Properly, right?

Here again the link!

Access you have already!

Thanks again for your help!

and how about if I want to remove the bullet....

Kind Regards

Goran
MICROweb

Ok, almost there - this code should work:

Code: Select all

ul.gkBullet1 li:before {
color: #222 !important;
content: "\f096" !important;
}


This was the fastest feedback I ever seen..

Thank you very much and have a nice weekend....


Kind Regards

Goran
MICROweb

Yes, now it works!

Do I need to enter the code each time ( <ul class="gkBullet1"> ) manually?

You can not automatically insert using the editor that?

Thank you very much

Yes, you need to enter it manually, as there is more than one type of gkBullets style.

Too bad, but thanks for your help!

No problem .