Joomla Templates Club 406,261 posts

[pastorbill Friend pastorbillJoin date: October 2007Posts: 52Downloads:0Uploads:2 Thanks: 16 Thanked: 2 times in 1 posts]

#165104

I am building a site for my church using Joomla 1.6.3. My template is JA_Methys.

I am at the point of nearly going live with the site but I’m having an issue with bulleted lists.

Here is a link to the page that should show bullets:
http://lighthouseaz.com.previewdns.com/ministries/missions

Here is my HTML code:

<p>We have a committed purpose to:</p>
<ul>
<li>Establish a consistent line of communication between our missionaries and our church.</li>
<li>Act as a prayer covering for our missionaries.</li>
<li>Evaluate and set up new relationships with missionaries.</li>
</ul>

I searched through template.css to find out if there were style overrides but couldn’t find them. I found a forum thread from another template that suggested I add the following:

.article-content ul li {
list-style-position: outside;
list-style-image: url(../images/bullet.gif);
margin-left: 35px;
padding-left: 0px;
background-image: none;
}

This did not work. ANY SUGGESTION? Please help.

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

#395827

Hi,
You add this code into template.css

.article-content ul{list-style: circle;padding-left: 20px;}

[pastorbill Friend pastorbillJoin date: October 2007Posts: 52Downloads:0Uploads:2 Thanks: 16 Thanked: 2 times in 1 posts]

#395828

I wish I could say that worked but it did not. I tried clearing the cache and it still did not work. Thanks for trying, though.

Anyone else want to take a shot?

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

#395829

You change this code :

<p>We have a committed purpose to:</p>
<ul>
<li>Establish a consistent line of communication between our missionaries and our church.</li>
<li>Act as a prayer covering for our missionaries.</li>
<li>Evaluate and set up new relationships with missionaries.</li>
</ul>
with

<p>We have a committed purpose to:</p>
<ul style="list-style: circle;padding-left: 20px;">
<li>Establish a consistent line of communication between our missionaries and our church.</li>
<li>Act as a prayer covering for our missionaries.</li>
<li>Evaluate and set up new relationships with missionaries.</li>
</ul>

1 user says Thank You to khoand for this useful post

1. pastorbill

[pastorbill Friend pastorbillJoin date: October 2007Posts: 52Downloads:0Uploads:2 Thanks: 16 Thanked: 2 times in 1 posts]

#395866

Thank you. That worked. I had actually tried something similar so I had my doubts when you posted this. 🙂 I guess I didn’t see the importance of the padding-left. Thanks again.

If anyone can explain how to get the same results in the JA_Mythys template.css I would appreciate knowing that too.

[pastorbill Friend pastorbillJoin date: October 2007Posts: 52Downloads:0Uploads:2 Thanks: 16 Thanked: 2 times in 1 posts]

#397328

By the way I found the real solution … read the typography guides on the demo site! Duh! Using their codes allows me to do a WHOLE lot more.

1 user says Thank You to pastorbill for this useful post

1. khoand

[Author]

Posts