Joomla Templates Club 406,261 posts

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#158035

I would like to use an image for some of my list but it seems that it gets always overwritten ?

ul.goud
{
list-style-image:url('http://www.iendracht.be/images/stories/icons/gold.png');
}

and

<ul class="goud">
<li>Number one</li>
</ul>

doesn’t do the trick…

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#369216

You can also, add this css attribute like this::

ul.goud li{background:url(‘http://www.iendracht.be/images/stories/icons/gold.png’);}

Mainly, Please ensure that image is present in specfic directory

1 user says Thank You to aman204 for this useful post

1. jeroen07

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#369231

Thanks for your response Aman.

With the background it works, but i don’t think thats ideal for lists ?

Another important matter: How can i change the space between the different list items (the standard ones) ? I’ve tried a thousand things and can’t find the right solution…

Regards,

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369236

Use the !important tag in your css to force the code to use it. Details found here – http://www.electrictoolbox.com/using-important-css/

This site also gives some tips on list styling – http://www.alistapart.com/articles/taminglists/

[Author]

Posts