We use cookies to improve our services and provide a better experience. By continuing to use this site, you agree with our Cookies Policy.

More than 400 step-by-step articles to guide you through online project development.
HomeTutorialsCMS TutorialsWordPressOther

How to replace sidebar bullets with custom image

Usually sidebar bullets are small icons being shown in the front of each sidebar. If we decided to replace them we should look at CSS style file which defines the style of sidebar bullets. In most cases CSS file is located in WordPress theme directory and named “style.css”.

Simply open style.css and find the line which defines the style of the sidebar. If we don’t know which line controls the style, we could try to identify that line by using browsers built in element inspector.

Once we have found the right style block, place the following line inside it:

list-style-image: url("images/YOUR_IMAGE.png");

This directive is used to define image file which will be displayed in the sidebar bullets. Make sure to change the path where the image was uploaded in the server.

Rate this Tutorial:
No CommentsLeave a Comment

Other (182)

Popular Keywords