Text formating using CSS

Hello, I am starting to learn more about CSS and I was told to avoid inline formatting and start using CSS instead to keep things clean.

I have following formating, I was hoping to get a bullet list but it doesn't work:

Code: Select all

/* K2 ITEMS FORMATING FOR PRODUCT DESCRIPTIONS */

.prodOverviewDetail ul  {
   list-style-type: circle;
   font-size: 22px;
}



Any idea why the circle do not appear in the Item?

Link: http://gator4199.hostgator.com/~lgt2015 ... -oz-355-ml


Regards.

Hi,
as always offline mode

I can only guess that also this still was hard code overridden in GK template,
but to be sure you should alway test online, using for example firebug.

Thank you. I've sent you a private message for joomla login info.

Regards

First step:

Code: Select all

<ul class="gkBullet1">

Second step:

Code: Select all

ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 { margin: 10px 0;}
ul.gkBullet1 li:before {font-size: 8px;padding-left: 10px; top: 14px;}

Result:

Great Work Oscar. It works!

Thank you for your patience and help.
Regards