Joomla Templates Club 406,261 posts

[ngeno77 Friend ngeno77Join date: September 2007Posts: 2Downloads:0Uploads:0 Thanks: 2]

#166866

Some of the typography features are not working for me. Specifically, the unordered list options If I leave the default html for an unordered list, there are no bullets for the list items and the text is left justified with no room for the bullets to appear. If I use a class such as “arrow” or “star” for the list, the icons appear over the top of the first few letters in the text of the list item. Here is a link with some examples of what I’m dealing with. The first two list items are set for arrow and star lists respectively. The rest of the items have no class defined but are in a <ul></ul> group.

http://synergyschool.co/index.php/2011-07-28-21-32-48/palm-desert-california-campus

This was a quickstart installation of the JA-PYRO template. Any help is greatly appreciated.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#403773

Go to this File http://synergyschool.co/templates/ja_pyro/css/template.css and do the following changes

Remove “padding:0px !important;” from the below code


.article-content ul li{background:none !important;padding:0px !important;}


I recommend you to apply the background for <li> and not for <span> inside <li>

add some css class to apply different icons like <li class=”star”> and <li class=”arrow”>

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. ngeno77

[ngeno77 Friend ngeno77Join date: September 2007Posts: 2Downloads:0Uploads:0 Thanks: 2]

#403813

Thanks Chavan

I removed the code that you suggested. The bullets came back on the regular unordered list and the overlapping text problem went away…however, now I had BOTH the star or arrow icons AND the regular bullet symbols with my list. I went ahead and removed the

background: none !important;

from the code as well.This worked but the indention was much greater with the star and arrow list than the regular list. In the file located at:
./plugins/system/jat3/jat3/base-themes/default/css/typo.css

I changed the 82nd line of code from

background: none;
margin-left: 8px;

to

background: none !important;
margin-left: 0px;

Everything seems to be working fine now.

Thanks for your help.

[Author]

Posts