Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Images in lieu of bullets


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Apr 9, 2009, 05:49 AM
perdox808's Avatar
perdox808
 
51 posts · Apr 2009
Melbourne, Australia
Send a message via Skype™ to perdox808
[SOLVED] Images in lieu of bullets

Hello all.

I would like to use an image instead of the standard bullet in bulleted lists. After much searching on Google, I have added the following into the CSS box in the settings.

ul { list-style-type: none; }
li
{
font-family: Times New Roman, Georgia, Times, Serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
text-align: left;
margin-top: 4pt;
margin-bottom: 6pt;
line-height: 100%;
color: #990000;
background-image: <img src="http://www.theperdoxrant.com/wp-content/themes/atahualpa332/images/icons/pkbullet1.png" alt="example">;
background-repeat: no-repeat;
background-position: 0 .4em;
color: #000000
}

The default black bullet is gone but my image is not being used. I have checked the image by pasting http://www.theperdoxrant.com/wp-cont.../pkbullet1.png into my browser and the image does come up. So the link is correct.

Questions:

1. What is wrong?

2. Do I always have to use the long version of the url? Is there a short cut I can use?

3. Much to my dismay, I have now discovered that the code above is messing up my sidebar fonts. Yuk. I think the sidebar text must use the same tag <li>.

4. Is there a way I can style my bullets without affecting anything else that I have already styled, such as the contents of the widgets?


Any help would be greatly appreciated.

Thanks in advance.

Last edited by perdox808; Apr 9, 2009 at 06:45 AM.
 

Bookmarks

Tags
bullets, images, lists

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Bullets, Circles, Icons instead of left border on widget list items MacMacGA Sidebars & Widgets 62 Jul 30, 2010 11:46 AM
[SOLVED] Background and bullets timdevogel Page & Category Menu Bars 1 May 26, 2009 08:27 PM
Adding HTML or image bullets to lists in Widgets daneo Sidebars & Widgets 1 Apr 28, 2009 10:00 PM
change ul image for all ul (bullets) l3oomer Sidebars & Widgets 2 Apr 21, 2009 10:49 PM
[SOLVED] Images in widgets bvision Sidebars & Widgets 2 Feb 1, 2009 03:58 AM


All times are GMT -6. The time now is 02:09 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.