The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to Align The Bullet Icon List-style

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #149337

    Hi On my website footer. I have menu. I’ve made some bullet arrow icon’s

    .t3-footnav .nav li {list-style:url(../images/ico/bullet.png) inside; margin-top:2px; }


    The problem is the arrow are slight higher than the menu link text.

    I added a “margin-top:2px;” to try make the arrows lower but the text and the icon both goes lower?

    Thank you for your help

    Many Thanks and Best Regards Charles


    To be honest…it’s always an issue so we usually do it in other ways.

    Adding a bg image to the li and adding extra padding to the left of the li.

    Or using a pseudo element to do pretty much the same.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.