Can someone please tell me why bullets won't work?

Whenever, I Bullet a list it doesn't appear on my web page.

Can someone please tell me what I'm missing / doing wrong?



  • The strange thing is when I click 'Preview' I can see the bullets, but I can't see the bullets after I've published the webpage...
    – Carltonp
    Apr 23, 2016 at 21:33
  • 1
    Perhaps sharing a link to your site so we can inspect the code would help?
    – Lodder
    Apr 23, 2016 at 21:37
  • 1
    I'd imagine it's your template's css. Try applying a different template to the page and see if it's still an issue.
    – RichardB
    Apr 23, 2016 at 22:59
  • Richard, you're correct. It's my templates css. Can you please let me know how to edit my css to allow bullets?
    – Carltonp
    Apr 24, 2016 at 7:42
  • There was no doubt this is css that will set lists without bullets. Now, if you are looking for the exact answer/code snippet to allow you to have bullets in your list, then nobody will be able to give you that without a link to your page.
    – FFrewin
    Apr 24, 2016 at 8:51

1 Answer 1


As said in my comment above, nobody can give you an exact answer for your specific problem, without seeing the front-end of your pages, where you want to have the bulleted lists appear.

However, here is something as a starting point:

In your article content, where you are creating your unordered list, you can attach a specific class to your ul element. Something like:

<ul class="myBulleted">

Then in your template's custom css file, you can add:

ul.myBulleted, ul.myBulleted li {
    list-style-type:disc !important;
  • Note I am adding !important, since although you have specified the certain selector of your ul, it is still possible that other selectors from your template might take precedence over yours. The !important will give higher precedence to your rules. See yourself, if it is actually needed or not.


For this particular case, try adding in your template's custom css file the following:

li.workbookcontent.componentheading {
    list-style: none;
    overflow: inherit;
    padding: 2px 0 2px 28px;
    position: relative;

li.workbookcontent.componentheading:before {
    font-family: FontAwesome;
    font-size: 13px;
    position: absolute;
    top: 11px;
    left: 0;
    color: #eb1e00;
    content: "\f14a";

Since this is a gavick template, usually it comes with an override.css file inside its css folder. You can paste the above code in that file and then you will have to enable the css override from the backend settings of the template.

More info you can obtain from Gavick website: https://www.gavick.com/documentation/joomla/templates/customization/custom-template-css

On another note, you may want to contact the developers of the template and let them know that although they have added css for creating bullets of unordered lists inside articles, this won't apply, as their css code is looking for a direct ul element after the div.itemBody container, or ul element after another div, and in any case they don't include a ul element after a span which is the actual output.

Actually they have something like this in their typography.css:

.itemBody > ul li:before,
.itemBody > div > ul li:before,
ul.gkBullet2 li:before {
    color: #eb1e00;
    content: "\f14a";

While the html is like:

<div class="itemBody">
    <span itemprop="articleBody">
            <li class="workbookcontent componentheading">Select Device &gt; Administrators</li>
  • Hi FFrewin, please check out link keylooplabs.com/index.php/workbooks-2/pan-edu-201/…
    – Carltonp
    Apr 24, 2016 at 9:13
  • @Carltonp, so where is the ul you want to appear with bullets?
    – FFrewin
    Apr 24, 2016 at 9:19
  • Oops. I have added teh bullets now.... keylooplabs.com/administrator/…
    – Carltonp
    Apr 24, 2016 at 9:24
  • You will see there aren't any bullets on the page but I have added the bullets
    – Carltonp
    Apr 24, 2016 at 9:24
  • Surely there has to be an easier way, instead of 'adding a specific class'? I wouldn't even know how to do that. All I would like to do is highlight sentences and simply add circle bullets to the sentences.... just like I do in Word.
    – Carltonp
    Apr 24, 2016 at 9:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.