Bullets Points not showing properly

Professional Joomla template suitable for a wide range of finance related sites such as stock market, finance news, forex informations.
GK User
Thu Mar 10, 2011 9:48 pm
First off, thanks for the great templates. I just subscribed and I'm really liking your designs.

My Problem
My site was not showing any bullet points so I searched and found this article. Since then, bullet points have been showing up in weird places.

Example
http://www.internationalmetalsexchange.com/
1. The mod_gk_tab module in the right column with the stock quotes. - Bullet points are showing next to the titles
2. The bottom menu (Disclaimer, Privacy, FAQ) - Bullets are showing there and shouldn't
3. In the middle of the page - Featured videos and world news both show bullet points but featured video has a larger indent.

Could you let me know what needs to be adjusted. I assume it's a css issue. Any help is appreciated.

Thanks, Mike
User avatar
Fresh Boarder

Konrad M
Fri Mar 11, 2011 9:01 am
Hi
You added bullets to all ul and ol lists in page. You need to be more specyfic when you are adding css rules.
Install Firebug for Mozilla and check css class and id names for elements where you want to have bullets.
User avatar

GK User
Fri Mar 11, 2011 4:29 pm
Thanks for your response. I'm not very familiar with css, which is why I use premade templates to streamline production. Do you have a line of code I can add to get the desire result?

I want basic bullet points in text and to remove the bullets from the odd places I mentioned. I'd appreciate some guidance on this.

Thanks a lot, Mike
User avatar
Fresh Boarder

GK User
Sat Mar 12, 2011 7:55 pm
Hi

On template.css file please replace this:

Code: Select all
ul{padding:0;margin:0;}
ul li{padding:0;line-height:24px; margin:0;list-style:square}
ul ul{padding-left:20px;}
ul li a{text-decoration:none;}
ol li{line-height:24px;list-style:square}


with

Code: Select all
ul{padding:0;margin:0;}
ul li{padding:0;line-height:24px;margin:0;}
ul ul{padding-left:20px;}
ul li a{text-decoration:none;}
ol li{line-height:24px;}

/* Exceptions  */
.moduletable_content ul li,
.moduletable_content ol li,
#mainbody_content ul li { list-style-type:square;margin-left: 20px}
ul.gk_tab_ul-style1 li {list-style-type: none;margin-left: 0}


By the way, i recommend that you disable "Use module CSS" option on Tabs module advanced parameters. This way you will use template style prepared for this extension.

Cheers ;)
User avatar
Platinum Boarder

GK User
Mon Apr 04, 2011 4:03 pm
That fixed my problem. Thanks for you help! I appreciate it, Mike
User avatar
Fresh Boarder


cron