Define Bullet Image in Style.css

  • misty9

    (@misty9)


    16 years, 5 months 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>

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter misty9

    (@misty9)

    16 years, 5 months ago

    Anybody?

    Adam Brown

    (@adamrbrown)

    16 years, 4 months 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;
}
    Thread Starter misty9

    (@misty9)

    16 years, 4 months ago

    Adam,

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

    Thread Starter misty9

    (@misty9)

    16 years, 4 months 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.

    Thread Starter misty9

    (@misty9)

    16 years, 4 months ago

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

    background-position: adjust;

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Define Bullet Image in Style.css’ is closed to new replies.