WordPress.org

1. misty9
   Member
   Posted 4 years ago #

   Hi,

   The bullet image ballC_greylight.gif (that I've got from http://www.uwec.edu/Icons/Bullets/bullets.html) works fine in a WP Page using <img> tag. I'd like to define a class in style.css. But, the grey bullet just doesn't show up. I must be missing something here. I'd appreciate it if you gurus could shed some light on my issue. Thanks.

   Style.css:
   .mybullet
   {
   background: url(images/cballC_greylight.gif) no-repeat left top;
   }

   WP Page1:
   <p class="mybullet">Testing</p>

2. misty9
   Member
   Posted 4 years ago #

   Anybody?

3. Adam Brown
   Member
   Posted 4 years ago #

   Looks like you have a typo in your css. The file is called ballC_..., not cballC...:

   .mybullet
   {
   background: url(images/ballC_greylight.gif) no-repeat left top;
   }

   If that doesn't work, try the absolute URL:

   .mybullet
   {
   background: url('http://koreancelebrities.skybluedot.com/wp4_koreancelebrities/wp-content/themes/green-bug-10/images/ballC_greylight.gif') no-repeat left top;
   }

4. misty9
   Member
   Posted 4 years ago #

   Adam,

   Thank you so much for spotting my typO in Style.css. Sorry about that. It works now.

5. misty9
   Member
   Posted 4 years ago #

   Oh, one more thing, Adam, how do I adjust background-position so that the Bullets align perfectly with each new link entry on the page?

   I have the following and the bullet only aligns with the first line nicely.

   .mybullet
   {
   background: url(images/ballC_greylight.gif) no-repeat bottom left;
   padding-left: 1.7em;
   background-position: 0px 47px;
   }

   Thanks.

6. misty9
   Member
   Posted 4 years ago #

   Never mind. The bullets align with other line entries with the following change:

   background-position: adjust;

   Thanks.

Topic Closed

This topic has been closed to new replies.