Define new UL style in Simplicity

professors

Hi,
I was trying to change the bullet image for gkBullet1 using overide.css but it doesn't seem to work (I am guessing because the icon definition line is tagged !important).

So what I wanted to try instead is to define a totally new UL style, gkBullet5, to use for my list. Can this be done completely within the overide.css file? I tried copying what I think is the definition (I am new to CSS) but it doesn't work:

ul.gkBullet5 li, #k2Container .itemFullText ul li, #k2Container .itemIntroText ul li {
	line-height: 1.8em!important;
	list-style: none;
	margin: 0!important;
	overflow: inherit;
	padding: 2px 0 2px 28px
}

ul.gkBullet5 li, #k2Container ul.gkBullet5 li {
	background: url(../../images/style1/typography/bullet5.png) no-repeat 0 12px!important
}

If I look at my page using gkBullet1 with Firefox developer tools, it seems like it is using the above definitions in the typography.style1.css file.

Can you give me any tips? Am I going about this the wrong way? I do have an image in the correct directory and I have override.css enabled in the template settings.

Thanks

pavit

professors If I look at my page using gkBullet1 with Firefox developer tools

Would be nice to have also your page url.

Regards

professors

Never mind... I was able to get it working. The above code works but the link to my image had an extra "../" that was throwing off the directory.

Thanks 🙂

Edit: I know supplying the URL makes it much easier but the site is not online yet. I have Joomla set up on an Ubuntu machine while I learn. I will have to forward the port in my router. Thanks.