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

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

How to replace sidebar bullets with custom image

Linux KVM Hosting
USA VPS
Brazil VPS
Linux Cloud Server
Ubuntu VPS
Windows Cloud Server
OpenVZ VPS
cPanel KVM
KVM VPS
Germany Cloud Servers

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:

1
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.

cPanel KVM
Windows Cloud Server
OpenVZ VPS
KVM VPS
Ubuntu VPS
USA VPS
Germany Cloud Servers
Linux KVM Hosting
Linux Cloud Server
Brazil VPS
Rate this Tutorial:
No Comments Leave a Comment
Leave a Comment

Other (182)

Popular Keywords