WordPress.org

Ready to get started?Download WordPress

Forums

Define Bullet Image in Style.css (6 posts)

  1. misty9
    Member
    Posted 6 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 6 years ago #

    Anybody?

  3. Adam Brown
    Member
    Posted 6 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 6 years ago #

    Adam,

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

  5. misty9
    Member
    Posted 6 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 6 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.

About this Topic