2

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?

Cheers

Carlton

  • 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 '16 at 21:33
  • 1
    Perhaps sharing a link to your site so we can inspect the code would help? – Lodder Apr 23 '16 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. – Richard B Apr 23 '16 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 '16 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 '16 at 8:51
2

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">
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
</ul>

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.

Update

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">
        <ul>
            <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 '16 at 9:13
  • @Carltonp, so where is the ul you want to appear with bullets? – FFrewin Apr 24 '16 at 9:19
  • Oops. I have added teh bullets now.... keylooplabs.com/administrator/… – Carltonp Apr 24 '16 at 9:24
  • You will see there aren't any bullets on the page but I have added the bullets – Carltonp Apr 24 '16 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 '16 at 9:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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