Creating u1 Class [Custom Bullets Lists]
Hello
I would like to create my own bullet pointer = to use instead of presents like "check" or others..
How can I create my own <ul class=icon-OWN<ul>
I have designed an icon and saved it on my pc as "icon-own.png /or should it be "icon_own.png"
Where should I uploade and save it, in order to work ?
I want to use it in a list like this:
It should end up something like this..:-)
<ul class="list_mixed">
<li class="list_own">Text1</li>
<li class="list_check">Text2</li>
<li class="list_check">Text3</li>
</ul>
Thank You
I would like to create my own bullet pointer = to use instead of presents like "check" or others..
How can I create my own <ul class=icon-OWN<ul>
I have designed an icon and saved it on my pc as "icon-own.png /or should it be "icon_own.png"
Where should I uploade and save it, in order to work ?
I want to use it in a list like this:
It should end up something like this..:-)
<ul class="list_mixed">
<li class="list_own">Text1</li>
<li class="list_check">Text2</li>
<li class="list_check">Text3</li>
</ul>
Thank You
Comments
to create own list, you need to create css declaration responsible for the li's background. This could be something as below and you can put it into Theme options > Custom CSS & JS > Custom CSS section:
ul.list_OWN li, li.list_OWN { background: rgba(0, 0, 0, 0) url("../images/icons/list_check.png") no-repeat scroll 20px 5px; }and then, you can use it on page with the following code: