Bullet Points
I've been trying to make another minor adjustment to this theme by changing the left borders on my link list widget to disc bullet points or an image of my choice. I couldnt find any similar threads regarding this so I just thought I'd ask.
Any suggestions? Thanks in advance! |
I have also the same problem. I might have solved it, but there might be a better (and elegant) solutions.
to override the widget ul li values, I have added some CSS code in Theme Options >> HTML/CSS Insert >> CSS Inserts: //add a double angle quote and space before list name #custom-gen ul li:before { content: "\00BB \0020"; // or a bullet image //list-style-image: url('somewhere/bullet.gif'); } //left border of list .widget ul li a:link, .widget ul li a:visited, .widget ul li a:active { //border-left: none; //remove border border-left: dotted; //or dotted instead of solid somehow activating bullet with list-style-type or list-style-image doesn't work .widget ul li a:link, .widget ul li a:visited, .widget ul li a:active { list-style-type: circle; //or list-style-image: url('somewhere/bullet.gif'); } |
I'm not sure I get this.
What exactly do I add if I want to add a simple HTML bullet beside each list point instead of the grey square? |
|
All times are GMT -6. The time now is 09:23 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.