Joomla Templates Club 406,261 posts

[haxx Friend haxxJoin date: September 2014Posts: 106Downloads:39Uploads:19 Thanks: 32 Thanked: 18 times in 2 posts]

#161947

Hi

Seem to be having a problem with lists, please have a look at the image

& here is the code;

<ul class="ja-typo-list list-arrow">
<li><span class="icon"> </span>An established grading syllabus from beginner to black belt</li>
<li><span class="icon"> </span>All instructors are black belts over the age of 18!</li>
<li><span class="icon"> </span>All instructors are qualified with England's Governing Body, The English Karate Federation</li>
<li><span class="icon"> </span>All Instructors have an Enhanced CRB Check</li>
<li><span class="icon"> </span>All are first aid qualified</li>
<li><span class="icon"> </span>All have Professional Indemnity Insurance</li>
<li><span class="icon"> </span>All students will have regular access to Shihan Thompson at courses, gradings & competitions</li>
</ul>

This is in a K2 category description would that make a difference?

Thanks

Paul

---

Attachments:

1. 

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

#383311

Hi,
It’s not error. The cause is <joomla url>templatesja_methyscsstypo.css file. this file contains


ul.ja-typo-list span.icon {
background-image: url(../images/typo/icons-sprites-silk.png);
/*background-image: url(../images/typo/icons/icons-sprites-tango.png);*/
background-repeat: no-repeat;
width: 18px;
height: 18px;
display: block;
position: absolute;
top: 0;
left: 0;
}

ul.list-arrow span.icon { background-position: left top; } <--arrow icon
ul.list-star span.icon { background-position: left -18px; }
ul.list-check span.icon { background-position: left -36px; }


[joaoferraz Friend joaoferrazJoin date: December 2006Posts: 49Downloads:1Uploads:10 Thanks: 12]

#389686

I have the same prloblem here, how ca I fix it?
Thanks.

<h3><em>Pros</em></h3>
<ul id="typo-17" class="ja-typo-list list-star">
<li><span class="icon"> </span>Soft Holdem games</li>
<li><span class="icon"> </span>Good promotions</li>
<li><span class="icon"> </span>Great new Poker 6 software</li>
</ul>
<h3><em>Cons</em></h3>
<ul id="typo-17" class="ja-typo-list list-star">
<li><span class="icon"> </span>No US players</li>
<li><span class="icon"> </span>Thin game variety</li>
</ul>

---

Attachments:

1. 

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

#389707

Could you give me a link to your page you mentioned?

[joaoferraz Friend joaoferrazJoin date: December 2006Posts: 49Downloads:1Uploads:10 Thanks: 12]

#389784

<em>@khoand 238408 wrote:</em><blockquote>Could you give me a link to your page you mentioned?</blockquote>

http://www.easypokergames.com/index.php?option=com_k2&view=item&id=11&Itemid=106
Take a look at “888 Poker Pros & Cons” module

Rgds.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389798

<em>@joaoferraz 238496 wrote:</em><blockquote>http://www.easypokergames.com/index.php?option=com_k2&view=item&id=11&Itemid=106
Take a look at “888 Poker Pros & Cons” module

Rgds.</blockquote>

Try comment out this css reference::

.icon {typo.css (line 121)
background-position: left top !important;
background-repeat: no-repeat !important;
padding-left: 25px !important;
position: relative;
}

like this::

/*.icon {typo.css (line 121)
background-position: left top !important;
background-repeat: no-repeat !important;
padding-left: 25px !important;
position: relative;
}*/

and add this at end of template.css file::

#ja-container div.ja-moduletable ul.ja-typo-list li{padding-left:25px;}

1 user says Thank You to aman204 for this useful post

1. hengstler

[joaoferraz Friend joaoferrazJoin date: December 2006Posts: 49Downloads:1Uploads:10 Thanks: 12]

#389824

<em>@aman204 238515 wrote:</em><blockquote>Try comment out this css reference::

.icon {typo.css (line 121)
background-position: left top !important;
background-repeat: no-repeat !important;
padding-left: 25px !important;
position: relative;
}

like this::

/*.icon {typo.css (line 121)
background-position: left top !important;
background-repeat: no-repeat !important;
padding-left: 25px !important;
position: relative;
}*/
</blockquote>

Hi Aman,
I did not find this css reference in tipo.css. Also tried to find in template.css but not found.
Any suggestions?
Thanks!

---

Attachments:

1. css_files.zip

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

#389885

You find code at location: http://www.easypokergames.com//plugins/system/jatypo/typo/typo.css

[Author]

Posts