Joomla Templates Club 406,261 posts

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#163070

Hey there — still a new Joomla/JA user; have a question with JA_EVENT template on Joomla 1.6. Theme in profile is based on the default “red_theme.”

Specifically, I’m having issues with the UL bullet styles in the template typography. (JA Events 1.6 Demo -> Typography -> Lists Style section)

First questions:
* Where are the “normal” bullet styles defined?
* How do I shift bullet icon such that it aligns under the text, rather than to the left?
* Can I update the CSS to correctly display the second level of bullets?

Screenshot:

* Note that the first bullets, level 1, align to left of text
* Note that the second bullets, level 2, do not display

Second questions: what is the proper way to utilize the JA_EVENT template classes/icons for lists? When I use the code below, I get very different behavior.

<ul class="ja-typo-list list-arrow">
<li><span class="icon"> </span>Alpha</li>
<li><span class="icon"> </span>Bravo</li>
</ul>

Screenshot:

* Note: The icon for span class “icon” is NOT displayed next to LI
* Note: The icon for span class IS displayed next to article title

Any thoughts are greatly appreciated!

—
EDIT: removed links to live demo sites after problem was resolved

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#387702

Any thoughts? This is a major issue with my JA purchase.

When using the Quickstart package for JA_EVENTS, the typography (including bullets) work as expected.

In this install, however, I used the 1.6 Template, only (no quickstart). The typography does not display.

I verified that I am using the latest version of T3 framework (v1.2.3). I’ve even loaded and enabled the Typo extension (v1.0.0).

I confirm that the typo.css file exists and is populated like in the quickstart installation. Path: templates > ja_events > css > typo.css

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#387943

Sorry for replying you late but we have registered domain name to image-shack but Still can not see your images. Could you please post it herein.

Thanks.

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#388385

Hello thangnn1510 — thank you for your response.

If you are unable to see the screenshots hosted on ImageShack, I have attached these to this post.

“issue1.jpg” shows that bullets with an indent do not appear correctly.

“issue2.jpg” shows that bullets using one of the template classes (class=”ja-typo-list list-arrow”) do not appear correctly.

Thanks for your time.

—
EDIT: removed links to live demo sites after problem was resolved

---

Attachments:

1. 
2. 

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#388441

Hi, thanks for providing us the pictures.

about question 1 please change this code:

<ul style="list-style-type: disc; ">
<ul><li>Echo</li><li>Foxtrot</li></ul>
</ul>

to

<ul style="list-style-type: disc; "><ul style="list-style-type: disc; "><li>Echo</li><li>Foxtrot</li></ul></ul>

About question 2 please go to /templates/ja_events/css/typo.css add this code:


ul.list-arrow li{
position: relative;
}

That will help.

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#388713

Hello thangnn1510 and all,

Thank you for suggesting the resolution above, however this does not fix the problem.

I have recreated the situation with bullets — below are the steps, code, screenshots, and links.

STEP 1: Create environment UAT1
* Install Joomla 1.6.3 Stable
* Install T3 System Plugin for J1.6 v.1.2.3 (http://www.joomlart.com/forums/downloads.php?do=cat&id=361)
* Install JA Typo Plugin for J1.6 1.0.0 (same link as T3 system)
* Install JA_EVENT J1.6 Template 1.0.0 Beta (http://www.joomlart.com/forums/downloads.php?do=cat&id=20374)

STEP 2: Create environment UAT2
* Install JA_EVENT Quickstart, with sample data (http://www.joomlart.com/forums/downloads.php?do=cat&id=20374)

STEP 3: In both environments, create new article “Test Article”
* Set article Featured = YES

STEP 4: In both environments, add this code to article body:

<div id="ja-typo">
<p>This is the Test Article.</p>
<p>Basic bullets:</p>
<ul>
<li>Alpha</li>
<li>Bravo</li>
</ul>
<p>Template arrow-list bullets:</p>
<ul class="ja-typo-list list-arrow">
<li><span class="icon"> </span>Charlie</li>
<li><span class="icon"> </span>Delta</li>
</ul>
</div>

STEP 5: View differences in environments

Here are the screenshots of this same code on the two environments (quickstart and non-quickstart)

UAT1 (non-quickstart):
12776

UAT2 (quickstart):
12777

Please note the differences in bullet styles:
* In UAT1, the basic bullets do not display, but in UAT2 the basic bullets do display.
* In UAT1, the arrow list style bullets are not displaying correctly, but in UAT2 the arrow list style bullets do display correctly

Could you please suggest what needs to be done to UAT1 to make the output match the bullet styles in UAT2?

Thanks for your help.

—
EDIT: removed links to live demo sites after problem was resolved

---

Attachments:

1. 
2. 

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#389466

Hello JoomlArt,

Please advise on any suggestions or comments on how to help resolve this situation. If I need to fill out a bug report or any sort of further documentation, please help me understand the process of what I need to do.

This is a serious issue because it affects our purchase of the JoomlArt subscription — specifically, we intended this purchase for the text display options that was available in the demo. We are unable to enable this feature.

Thank you for your time.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#389525

Hi adamlopuch!

Sorry for reply you late We were off for weekend and vacation.

I have checked and found some difference between 2 versions you installed.

For the 1st issue: please simple replace the code in this file: uat1/plugins/system/jat3/jat3/base-themes/default/css/template.css by the template.css I attached below.

For the 2nd issue please remove the file: uat1/plugins/system/jatypo/jatypo/typo/typo.css.

Hope this helps.

---

Attachments:

1. template.zip

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#389682

Hello thangnn1510 and all,

Thank you very much — this resolves my issues.

I really, really appreciate your taking the time to investigate this issue and compare the files to determine the problem… I realize the time commitment this required to analyze and complete.

For future reference, could you please post a Root Cause Analysis for these issue or an explanation of why this fixed the problem? This would help future users who find this thread by searching.

It would help to specify the difference between template and system versions. For example, with my issue I was using T3 System Plugin for J1.6 v.1.2.3 and JA_EVENT J1.6 Template 1.0.0 Beta.

Below is my feedback on the issues:

<em>@thangnn1510 238176 wrote:</em><blockquote>
For the 1st issue: please simple replace the code in this file: uat1/plugins/system/jat3/jat3/base-themes/default/css/template.css by the template.css I attached below.
</blockquote>

The template.css file thangnn1510 attached includes several new lines which my existing template.css file was missing. Specifically, some of the important code is found at lines 74 – 96 in the file attached to this thread.

My existing template.css file was missing these lines (and some other edits). Since this is in the /plugins/systems/jat3/jat3 path, does this mean there is a problem with my version of the T3 System Plugin (v.1.2.3)?

If yes, then does this mean that every template.css based on T3 System Plugin (v.1.2.3) needs to be updated? If this is a T3 System Plugin issue, then will future versions of the plugin have this code included?

<em>@thangnn1510 238176 wrote:</em><blockquote>
For the 2nd issue please remove the file: uat1/plugins/system/jatypo/jatypo/typo/typo.css.
</blockquote>

As I understand this, this is equivalent to disabling/removing the separate JATypo plugin (v1.0.0) that is available on the T3 System Plugin download page. Is this correct?

Without the separate JATypo plugin, the JATypo code in the JA_Events template works as expected.

Is the root cause that this template, JA_Events, should not be used while the JATypo plugin v1.0.0 is installed?

[Ivan Friend IvanJoin date: March 2011Posts: 124Downloads:234Uploads:27 Thanks: 14 Thanked: 1 times in 1 posts]

#392609

I have the same problem (bullet styles in template function incorrectly). When i replace the template.css file with your one – bullet style works fine, but style of dusquss thread (with JA Disqus Debate Echo Plugin) goes wrong.

It’s the view before changing the template.css:

This one – after:

Problem – a dots on the “days ago”, “like” and “respond” links. In addition, the JA Disqus Debate Echo Plugin is not working as usual. More details you can be seen here: http://www.adminsk.ru/Rezume.html. Just try add the comment there.

[Ivan Friend IvanJoin date: March 2011Posts: 124Downloads:234Uploads:27 Thanks: 14 Thanked: 1 times in 1 posts]

#393835

Please help

[Author]

Posts