Joomla Templates Club 406,261 posts

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#168774

I’m using the typo plugin and inserting a UL of type “Special List”.

This should result in a list with green checkmarks. I simply get an unordered list…no checkmarks.

what am i doing wrong?

Gilles

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#414024

Hi,

Did you check if the html tags on your article are not striped by your editor ? I suggest that you edit your article for this reason, with no wysiwyg editor enabled.

Regards

Manos

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414030

Thanks Manos,

I’m using JCE… using the JA TYPO plugin button to generate the code. I checked and the code is there, that is the correct “styles” are applied. although, the “span style=icon” is not … shouldn’t it be there as well?

Isn’t this the way to create the list?

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#414034

jce will filter unauthorized styling tags

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414036

Getting closer… Thanks! I wasn’t aware of this sort of stripping off by jce. the “span” was being stripped.

I still have a problem. for some reason, I don’t have a margin in front of the li and therefore, the checkmark is over my text (see jpg)
I haven’t changed the css of typo. any ideas as to why that would be?

Gilles

code generated is:
<blockquote>
<ul class=”ja-typo-list list-check”>
<li><span class=”icon”> </span>This is a sample <strong>Check list</strong>.</li>
<li><span class=”icon”> </span>Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.</li>
<li><span class=”icon”> </span>This is a sample Checklist.</li>
</ul></blockquote>

---

Attachments:

1. 

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#414037

differently some kind of .css issue.. first thing would be view the article in code view and make sure jce is not adding styling. After that I would use firebug and see what .css is possibly overriding the default typo .css

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414038

thanks for your tip… found the culprit typo.css.
on line 1045 of typo.css there is an Important override for padding-left:

typo.css (line 1248)
ul.ja-typo-list li {
-moz-background-clip: border !important;
-moz-background-origin: padding !important;
-moz-background-size: auto auto !important;
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
padding-bottom: 3px !important;
padding-left: 0 !important;
…..

i don’t really want to get rid of it, must be there for a reason.

What would you do?
G

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#414039

I would simply either add a margin or increase the padding as needed. I may very well be font related.

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414041

There is an “!important” declaration.

why is that in the typo.css file? is that a problem? if so, best solution would be for JA to fix this.
don’t you agree?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#414043

it looks like the ja typo arrow and ja typo star and ja typo check are not in the template css styles sheet if we could find these we could add them to the css sheet which would fix the problem

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414045

I’ve spent a few hours on this one.

@n6rej : not font related at all.

I found that there are 2 typo.css files. the one from the template has an “!important” declaration that sets the padding-left=0px for “body ul.ja-typo-list li”…typo.css line 1045,

This is causing the problem.

2 questions:
1. should there be 2 typo.css files? (template and TYPO plugin?)
2. is there a way to tell JCE not to strip the chars so I can use it to enter the TYPO declarations>

Cheers,

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#414148

<em>@gilles007 269371 wrote:</em><blockquote>I’ve spent a few hours on this one.

@n6rej : not font related at all.

I found that there are 2 typo.css files. the one from the template has an “!important” declaration that sets the padding-left=0px for “body ul.ja-typo-list li”…typo.css line 1045,

This is causing the problem.

2 questions:
1. should there be 2 typo.css files? (template and TYPO plugin?)
2. is there a way to tell JCE not to strip the chars so I can use it to enter the TYPO declarations>

Cheers,</blockquote>
one would be default typography and one would be the typography plugin. I’m not up to speed enough YET being new on the exacty voodoo of T3 to say more.
as for JCE yeah.. look over there and if need be ask ryan… he’s pretty good about that. Its in group profiles if I’m thinking clearly.
the interesting thing about the !important is thats a total override. Seems silly… I assume you’ve made sure all the JA stuff is up-to-date? been a lot of releases lately.

[gilles007 Friend gilles007Join date: December 2010Posts: 59Downloads:8Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#414159

Yes, all up to date.

Any JA gurus like to comment on this please?

G

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#414193

give me a code example of what strips would you please.. i want to do some local tests

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#414195

it seem the ordered list dont work

<ul class="ja-typo-list list-arrow">
<li>This is a sample <strong>Arrow list</strong>.</li>
<li>Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.</li>
<li>This is a sample Arrowlist.</li>
</ul>

<ul class="ja-typo-list list-star">
<li>This is a sample <strong>Star list</strong>.</li>
<li>Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.</li>
<li>This is a sample Starlist.</li>
</ul>

<ul class="ja-typo-list list-check">
<li>This is a sample <strong>Check list</strong>.</li>
<li>Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.</li>
<li>This is a sample Checklist.</li>
</ul>

[Author]

Posts