Joomla Templates Club 406,261 posts

[dizajn75 Friend dizajn75Join date: December 2008Posts: 66Downloads:0Uploads:6 Thanks: 21 Thanked: 3 times in 1 posts]

#173987

Hi,

I have tried to insert bullet list into article form typography, but it is not working.

<ul class=”ja-typo-list list-arrow small-icon “>
<li class=”list-check”><span class=”icon”> </span>This is a sample <strong>Check list</strong>.</li>
<li class=”list-delete”><span class=”icon”> </span>This is a sample <strong>Delete list</strong>.</li>
<li class=”list-open”><span class=”icon”> </span>This is a sample <strong>Open list</strong>.</li>
<li class=”list-close”><span class=”icon”> </span>This is a sample <strong>Close list</strong>.</li>
</ul>

I pasted this above code into article html but images (check, delete, open, close) are not displayed.

I have tried to display some other typography (not this one above) and they are working ok. I looked and it seems this all small images are grouped in one single image, maybe this is creating an issue.

Please help where I do mistake.

Regards

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#438894

Could you give me a link to your page that has problem?

[dizajn75 Friend dizajn75Join date: December 2008Posts: 66Downloads:0Uploads:6 Thanks: 21 Thanked: 3 times in 1 posts]

#438911

<em>@khoand 301371 wrote:</em><blockquote>Could you give me a link to your page that has problem?</blockquote>

Hi,

I am working on localhost. But, issue is not happening only on my computer. My developer also has same issue. So, issue happends 100%. Besides, I have vast experience in software development.

Also, other typography are displayed well, like drop cap and similar. So I am pretty confident issue happends for this bullets and it is not due to my computer settings.

Regards

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#439075

It’s strange. Because I tested it on my localhost, and it works normally. When you publish your website and it has still this problem, you inform me. I will help you fix it.

[ccdkhmer Friend ccdkhmerJoin date: February 2012Posts: 50Downloads:13Uploads:8 Thanks: 7]

#441657

I have the same problem.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#441736

Could you give me a link to your page has issue? I will check it<em>@ccdkhmer 304869 wrote:</em><blockquote>I have the same problem.</blockquote>

[ccdkhmer Friend ccdkhmerJoin date: February 2012Posts: 50Downloads:13Uploads:8 Thanks: 7]

#442087

Here is my site: http://www.cambodiancommunityday.org/j25.
It is still under construction. Generally it is going well. The bullet thing is one issue that I have not been able to resolve yet.
To help you understand my point, I create a Test Bullet that links to an article Test Bullet in which there are four bullets option. If you click on the menu, it will display the word bullet 1 thru 4, without a bullet in front of it.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#442308

Because template you used redefined bullet css. So, if you don’t want it, you add the code into /templates/your-template/css/template.css

.ja-moduletable ul, .ja-module ul, .ja-content-main ul{
list-style:disc;}
.ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li{
margin-left: 30px;
overflow: initial;}
If you want to keep that redefined bullet css, and just want to restore default bullet css in specific article, you do follow steps:
– you edit the article > switch HTML mode > change

<ul>
with

<ul class="custom">
– you add the code into /templates/your-template/css/template.css

.ja-moduletable ul.custom, .ja-module ul.custom, .ja-content-main ul.custom{
list-style:disc;}
.ja-moduletable ul.custom li, .ja-module ul.custom li, .ja-content-main ul.custom li{
margin-left: 30px;
overflow: initial;}

1 user says Thank You to khoand for this useful post

1. Blaine

[hengstler Friend hengstlerJoin date: August 2006Posts: 123Downloads:7Uploads:23 Thanks: 106 Thanked: 4 times in 1 posts]

#458209

Hi Folks

I have a very similar problem, but it only occurs when I want to use typo (arrow, star, check) within a tab. Outside works fine …

-> J 2.5.6, JAT 2.5.2, JA Tabs 2.5.5, Teline IV and Tiris (latest version)

Kind regards from Switzerland

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#458469

Hi hengstler,

You can also switch to HTML mode and make the change like Khoa’s suggestion above.

[Author]

Posts